*{box-sizing:border-box}:root{--bg: #f5f6f8;--fg: #1a1a1a;--surface: #ffffff;--border: #e2e4e8;--shadow: rgba(0, 0, 0, .06);--accent-a: #6ea8ff;--accent-b: #b18cff}:root[data-theme=dark]{--bg: #0f1115;--fg: #f0f1f3;--surface: #1a1d24;--border: #2a2e37;--shadow: rgba(0, 0, 0, .4);--accent-a: #7fb2ff;--accent-b: #c39bff}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);transition:background .3s ease,color .3s ease}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard__header{padding:1.5rem 2rem;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;transition:background .3s ease,border-color .3s ease}.dashboard__header h1{margin:0;font-size:1.25rem;font-weight:600}.theme-toggle{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:999px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:transform .15s ease,background .3s ease,border-color .3s ease}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle:active{transform:scale(.96)}.dashboard__actions{display:flex;align-items:center;gap:.75rem}.logout{border:1px solid var(--border);background:transparent;color:var(--fg);border-radius:999px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:transform .15s ease,background .3s ease,border-color .3s ease}.logout:hover{transform:scale(1.05);background:var(--bg)}.dashboard__content{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.card{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:3rem 4rem;font-size:2rem;font-weight:600;box-shadow:0 1px 3px var(--shadow);transition:background .3s ease,border-color .3s ease}.card__text{background:linear-gradient(90deg,var(--fg) 0%,var(--accent-a) 25%,var(--accent-b) 50%,var(--fg) 75%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.shimmer{animation:shimmer 3.5s linear infinite}@keyframes shimmer{to{background-position:-200% center}}.fade-in-down{animation:fadeInDown .6s ease both}.fade-in-up{animation:fadeInUp .7s .15s ease both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.35;pointer-events:none;animation:float 10s ease-in-out infinite}.orb--one{width:260px;height:260px;background:var(--accent-a);top:10%;left:8%}.orb--two{width:220px;height:220px;background:var(--accent-b);bottom:12%;right:10%;animation-delay:-5s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.08)}}@media (prefers-reduced-motion: reduce){.fade-in-down,.fade-in-up,.shimmer,.orb,.shake{animation:none}}.login{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.login__card{position:relative;z-index:1;width:min(360px,calc(100vw - 3rem));background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.5rem;box-shadow:0 4px 16px var(--shadow);display:flex;flex-direction:column;gap:1rem;transition:background .3s ease,border-color .3s ease}.login__card h1{margin:0;font-size:1.4rem;font-weight:600}.login__hint{margin:-.5rem 0 0;font-size:.85rem;color:var(--fg);opacity:.65}.login__hint code{background:var(--bg);border-radius:4px;padding:.1rem .35rem}.login__field{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.login__field input{font:inherit;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg);transition:border-color .2s ease}.login__field input:focus{outline:none;border-color:var(--accent-a)}.login__error{margin:0;color:#e5484d;font-size:.85rem}.login__submit{font:inherit;font-weight:600;border:none;border-radius:8px;padding:.7rem 1rem;color:#fff;background:linear-gradient(90deg,var(--accent-a),var(--accent-b));cursor:pointer;transition:transform .15s ease,opacity .2s ease}.login__submit:hover{opacity:.92}.login__submit:active{transform:scale(.97)}.login__disclaimer{margin:0;font-size:.75rem;text-align:center;color:var(--fg);opacity:.55}.shake{animation:shake .4s ease}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}