:root{--color-bg: #0f1419;--color-bg-elevated: #1a2332;--color-bg-card: #212d3b;--color-border: #2d3e50;--color-border-focus: #3b82f6;--color-text: #f4f7fa;--color-text-muted: #8b9eb0;--color-text-subtle: #5c7080;--color-primary: #22c55e;--color-primary-hover: #16a34a;--color-primary-glow: rgba(34, 197, 94, .25);--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .2);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .1);--font-sans: "Instrument Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-glow: 0 0 60px var(--color-primary-glow)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg)}.loader{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 20% 20%,var(--color-primary-glow) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,var(--color-accent-glow) 0%,transparent 50%),var(--color-bg)}.auth-container{width:100%;max-width:420px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-glow)}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:2.5rem;margin-bottom:.5rem}.auth-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.auth-subtitle{color:var(--color-text-muted);font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.5rem}.form-input{width:100%;padding:.875rem 1rem;font-family:var(--font-sans);font-size:1rem;color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:var(--color-text-subtle)}.form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f626}.form-input:disabled{opacity:.6;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-family:var(--font-sans);font-size:1rem;font-weight:600;line-height:1;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{width:100%;background:var(--color-primary);color:#000}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-card)}.error-message{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:.875rem 1rem;color:var(--color-error);font-size:.875rem;margin-bottom:1.25rem}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.auth-footer p{color:var(--color-text-muted);font-size:.9rem}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.dashboard-layout{min-height:100vh;background:radial-gradient(ellipse at 0% 0%,var(--color-primary-glow) 0%,transparent 40%),var(--color-bg)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated)}.dashboard-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700}.dashboard-logo span{font-size:1.5rem}.dashboard-nav{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--color-bg-card);border-radius:var(--radius-md)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#000}.user-name{font-weight:500;font-size:.9rem}.user-email{font-size:.8rem;color:var(--color-text-muted)}.dashboard-content{padding:3rem 2rem;max-width:1200px;margin:0 auto}.welcome-section{animation:fadeIn .5s ease-out}.welcome-title{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem}.welcome-subtitle{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.stat-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.stat-icon{font-size:2rem;margin-bottom:1rem}.stat-value{font-size:2rem;font-weight:700;font-family:var(--font-mono);margin-bottom:.25rem}.stat-label{color:var(--color-text-muted);font-size:.9rem}@media(max-width:640px){.auth-card{padding:1.75rem}.dashboard-header{flex-direction:column;gap:1rem;padding:1rem}.dashboard-content{padding:2rem 1rem}.welcome-title{font-size:1.75rem}}