@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";.notifications-container{position:fixed;top:5%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;flex-direction:column;gap:10px}.notification{font-family:Roboto,Arial,sans-serif;padding:10px;border-radius:5px;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:space-between;min-width:300px;height:fit-content;box-shadow:0 2px 10px #0003;transition:opacity .5s ease}.notification.info{background-color:#007bff}.notification.success{background-color:#28a745}.notification.error{background-color:#dc3545}.notification button{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;margin-left:10px}.notification button:hover{opacity:.8}.spinner-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.spinner{border:12px solid #f3f3f3;border-top:12px solid #1f2937;border-radius:50%;width:80px;height:80px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{height:calc(100% - "64px");width:100%;background-color:"#F3F3F3"}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}