@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0f;--surface:#15151c;--surface-sunken:#0d0d12;--text:#f4f4f8;--text-muted:#adadbe;--text-placeholder:#8b8b9e;--link:#a5b4fc;--link-hover:#c7d2fe;--danger:#fca5a5;--success:#6ee7b7;--action-bg:#4f46e5;--action-bg-hover:#4338ca;--action-text:#fff;--border:#2a2a36;--border-control:#70708c;--focus-ring:#a5b4fc;--glow-1:#6366f11f;--glow-2:#a855f71f;--shadow:0 25px 50px -12px #00000080;--surface-raised:#ffffff0f;--surface-raised-hover:#ffffff1a}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7fb;--surface:#fff;--surface-sunken:#f1f2f7;--text:#1a1a24;--text-muted:#55556b;--text-placeholder:#6b6b85;--link:#4338ca;--link-hover:#312e81;--danger:#b91c1c;--success:#047857;--action-bg:#4f46e5;--action-bg-hover:#4338ca;--action-text:#fff;--border:#e2e3ed;--border-control:#8a8aa0;--focus-ring:#4338ca;--glow-1:#6366f114;--glow-2:#a855f714;--shadow:0 20px 40px -16px #1a1a242e;--surface-raised:#1a1a240d;--surface-raised-hover:#1a1a2417}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);background-image:radial-gradient(circle at 15% 50%, var(--glow-1), transparent 25%), radial-gradient(circle at 85% 30%, var(--glow-2), transparent 25%);justify-content:center;align-items:center;min-height:100dvh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}a{color:var(--link);text-underline-offset:2px}a:hover{color:var(--link-hover)}.auth-container{width:100%;max-width:420px;padding:1rem}.auth-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;border-radius:24px;padding:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:var(--text);margin-bottom:.5rem;font-size:clamp(1.6rem,6vw,2rem);font-weight:700}.auth-header p{color:var(--text-muted);font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{background:var(--surface-sunken);border:1px solid var(--border-control);width:100%;color:var(--text);border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control:focus-visible{border-color:var(--focus-ring);outline-offset:0}.form-control::placeholder{color:var(--text-placeholder)}.form-hint{color:var(--text-muted);margin-top:.35rem;font-size:.8rem;display:block}.form-feedback{align-items:center;min-height:2.75rem;margin-bottom:.25rem;display:flex}.feedback-message{align-items:flex-start;gap:.4rem;font-size:.875rem;animation:.3s fadeIn;display:flex}.feedback-message svg{flex-shrink:0;margin-top:.1rem}.feedback-error{color:var(--danger)}.feedback-success{color:var(--success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;width:100%;padding:.875rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background-color .2s,transform .2s}.btn-primary{background:var(--action-bg);color:var(--action-text)}.btn-primary:hover:not(:disabled){background:var(--action-bg-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-logout{background:var(--surface-raised);color:var(--text);border-color:var(--border);width:auto;padding:.75rem 1.5rem}.btn-logout:hover{background:var(--surface-raised-hover)}.toggle-mode{text-align:center;color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1.5rem;font-size:.9rem;display:flex}.toggle-mode a{font-weight:500;text-decoration:underline}.dashboard{text-align:center;padding:2.5rem}.dashboard h2{margin-bottom:1rem;font-size:clamp(1.5rem,5vw,2.25rem)}.dashboard p{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;width:100%;padding:3rem 2rem;display:flex}.loading-spinner{background:conic-gradient(from 0deg, transparent 0%, var(--link) 85%, var(--link) 100%);border-radius:50%;width:2.75rem;height:2.75rem;animation:.85s cubic-bezier(.5,.15,.5,.85) infinite spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.loading-label{color:var(--text-muted);letter-spacing:.02em;font-size:.9rem;animation:1.8s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.theme-toggle{background:var(--surface);width:auto;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;display:inline-flex;position:fixed;top:1rem;right:1rem}.theme-toggle:hover{background:var(--surface-raised-hover)}@media (width<=480px){.auth-card{border-radius:18px;padding:1.75rem 1.25rem}.dashboard{padding:2rem 1.25rem}.theme-toggle span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.auth-card{opacity:1;transform:none}.loading-spinner{display:none}.loading-label{opacity:1}}