body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0}.login-container,body{background-color:#f9fafb}.login-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 18px #00000014;box-sizing:border-box;max-width:400px;padding:40px 30px;text-align:center;transition:box-shadow .3s ease;width:100%}.login-box:hover{box-shadow:0 8px 24px #0000001a}.login-title{color:#111827;font-size:24px;font-weight:600;letter-spacing:.4px;margin-bottom:30px}.login-input{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-size:16px;margin-bottom:20px;padding:14px 16px;transition:border-color .3s ease,background-color .3s ease;width:100%}.login-input:focus{background-color:#fff;border-color:#3b82f6;outline:none}.login-button{background-color:#1f2937;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;text-transform:uppercase;transition:background-color .3s ease,opacity .2s ease;width:100%}.login-button:hover{background-color:#111827;opacity:.95}@media (max-width:480px){.login-box{padding:30px 20px}.login-title{font-size:20px}.login-button,.login-input{font-size:15px;padding:12px}}@media (max-width:360px){.login-title{font-size:18px}.login-button,.login-input{font-size:14px;padding:10px}}*{font-family:Segoe UI,sans-serif}.token-page{align-items:center;background-color:#f9fafb;display:flex;height:100vh;justify-content:center;padding:20px}.token-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #00000014;box-sizing:border-box;max-width:450px;padding:60px 32px;text-align:center;width:100%}.token-box h2{color:#111827;font-size:1.5rem;margin-bottom:24px}.token-hidden-input{opacity:0;pointer-events:none;position:absolute}.token-boxes{box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;margin-bottom:32px;max-width:100%;overflow:hidden;padding:0 8px}.token-boxes::-webkit-scrollbar{display:none}.token-char{align-items:center;background-color:#f3f4f6;border:2px solid #d1d5db;border-radius:6px;color:#111827;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;text-align:center;width:36px}button{background-color:#1f2937;color:#fff;font-size:1rem;font-weight:600;padding:12px;transition:background-color .3s ease;width:100%}button:hover{background-color:#111827}@media (max-width:640px){.token-box{max-width:100%;padding:32px 16px}.token-boxes{gap:4px;padding:0 4px}.token-char{font-size:1.1rem;height:44px;width:32px}}.dashboard-container{background-color:#f3f4f6;display:flex;font-family:Segoe UI,sans-serif;justify-content:center;padding:1rem}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-top:6rem;max-width:420px;padding:1.5rem;transition:box-shadow .3s ease;width:100%}.card:hover{box-shadow:0 6px 18px #00000014}h2{color:#1f2937;font-size:1.25rem;margin-bottom:1rem}.input-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}input[type=text]{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#111827;flex:1 1;font-size:1rem;padding:.5rem .75rem;transition:border-color .2s}input[type=text]:focus{border-color:#64748b;outline:none}button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;padding:.5rem .9rem;transition:background-color .2s,opacity .2s}button:hover{opacity:.9}button.search{background-color:#1e293b;color:#f1f5f9}button.clear{background-color:#475569;color:#f1f5f9}button.auth-button{background-color:#0f172a;color:#e2e8f0;margin-top:.5rem}.voter-info{margin-top:1rem}.voter-grid{grid-gap:.3rem 1rem;color:#334155;display:grid;font-size:.95rem;gap:.3rem 1rem;grid-template-columns:1fr 1fr;margin-top:.5rem}.label{font-weight:500}.notice{border-radius:8px;font-size:.95rem;margin-top:1rem;padding:.75rem}.notice.pending{background-color:#f8fafc;border-left:4px solid #94a3b8;color:#475569}.notice.voted{background-color:#e2e8f0;border-left:4px solid #475569;color:#1e293b}.status{color:#0f172a;font-weight:600;text-transform:capitalize}.loading{color:#6b7280;font-size:.95rem;margin-top:1rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#1e293b;height:20px;margin:0 auto .5rem;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{align-items:center;background-color:#1a1a1a;box-shadow:0 2px 10px #0003;display:flex;justify-content:start;padding:0 2rem;position:fixed;width:100%;z-index:1000}.navbar-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem;font-weight:700}.green{color:#22c55e}.white{color:#fff}