:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(135deg,#0f172a,#1e293b);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}.container{max-width:1200px;margin:0 auto;padding:2rem;display:flex;justify-content:center;align-items:center;min-height:100vh}.auth-box,.dashboard{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:450px;animation:fadeIn .8s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{font-size:2.5rem;font-weight:800;margin-bottom:2rem;text-align:center;background:linear-gradient(to right,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.input-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.input-group label{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:#94a3b8}.input-group input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.875rem 1rem;border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;outline:none}.input-group input:focus{border-color:#60a5fa;background:#ffffff1a;box-shadow:0 0 0 4px #60a5fb1a}.error{color:#f87171;font-size:.875rem;margin-top:-.5rem;margin-bottom:1.5rem;text-align:center}.btn-primary{width:100%;padding:1rem;border-radius:12px;border:none;background:linear-gradient(to right,#3b82f6,#8b5cf6);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:.75rem 2rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a}.toggle{margin-top:2rem;text-align:center;color:#94a3b8;font-size:.875rem}.btn-link{background:none;border:none;color:#60a5fa;font-weight:600;cursor:pointer;margin-left:.5rem;padding:0;transition:color .3s ease}.btn-link:hover{color:#3b82f6;text-decoration:underline}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#94a3b8}.dashboard{text-align:center}.dashboard p{font-size:1.125rem;margin-bottom:2rem;color:#cbd5e1}