@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";.signin{display:flex;align-items:center;justify-content:center;flex-direction:column}.subtitle{color:#ffffffbf;margin-top:4px;margin-bottom:12px}#google-button{display:flex;align-items:center;gap:8px;background-color:#fff;color:#000;font-weight:700}#google-button img{width:18px;height:18px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#121212;color:#fff}.loading-screen img{width:50%;max-width:200px;height:auto}.loading-bar-container{width:80%;max-width:300px;aspect-ratio:65 / 1;background-color:#262626;border-radius:10px;overflow:hidden;margin:20px 0}.loading-bar-progress{height:100%;width:0;background-color:#fff;border-radius:10px;transition:width 2s ease-out}*{font-family:Plus Jakarta Sans;box-sizing:border-box}.app{min-height:100vh;background:#000;color:#fff}.navbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06)}.nav-actions{display:flex;align-items:center;gap:10px}img.logo{height:20px}.main{padding:20px}.main-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}h1{font-size:1.25rem;margin:0 0 6px}.demo{color:#fffc;margin:0}.toolbar{display:flex;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;background:#b91f27;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.btn .material-icons{font-size:18px}.sheets-wrap{overflow-x:auto}.sheets{width:100%;border-collapse:collapse;min-width:540px}.sheets thead th{text-align:left;font-size:.875rem;padding:10px 12px;color:#ffffffd9;border-bottom:1px solid rgba(255,255,255,.04)}.sheets th:last-child,.sheets td:last-child{text-align:right}.sheets tbody td{padding:12px;border-bottom:1px solid rgba(255,255,255,.03)}.sheets a{color:#60a5fa;text-decoration:none}.icon{background:transparent;border:none;color:#ffffffe6;cursor:pointer;padding:6px;margin-right:6px}.icon .material-icons{font-size:20px}.icon:hover{opacity:.9}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:60}.modal{background:#060606;color:#fff;padding:20px;border-radius:10px;width:420px;max-width:calc(100% - 32px);box-shadow:0 8px 30px #0009}.modal h2{margin:0 0 6px;font-size:1.125rem}.modal-sub{margin:0 0 12px;color:#ffffffb3;font-size:.9rem}.field{display:block;margin-bottom:12px}.field-label{font-size:.8rem;margin-bottom:6px;color:#fffc}.field input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:#fff;padding:8px 12px;border-radius:8px}.btn.primary{background:#b91f27;border:none;padding:8px 12px;color:#fff;border-radius:8px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;margin-right:8px;vertical-align:middle;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}