:root{--bg: #0a0a0a;--surface-1: #161616;--surface-2: #1d1d1d;--text: #fafafa;--text-dim: #a3a3a3;--text-faint: #6b6b6b;--border: #2a2a2a;--accent: #ef3340;--accent-dim: #c41e2a;--danger: #ef3340;--success: #4ade80;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--d-fast: .12s;--d: .22s;--ease-out: cubic-bezier(.16, 1, .3, 1);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer}input,button,textarea{font-family:inherit}.layout{min-height:100%;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--border);background:var(--surface-1)}.topbar h1{font-size:1rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:0;color:var(--text-dim)}.topbar h1 strong{color:var(--text);font-weight:600;letter-spacing:.18em}.userInfo{display:flex;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:.8125rem;color:var(--text-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:.875rem;font-weight:500;transition:background var(--d-fast) var(--ease-out),border-color var(--d-fast) var(--ease-out)}.btn:hover:not(:disabled){background:var(--surface-1);border-color:var(--text-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent-dim)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--border)}.field{display:grid;gap:var(--space-2)}.field label{font-size:.8125rem;font-weight:500;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.input{width:100%;padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9375rem;font-family:inherit;outline:none;transition:border-color var(--d-fast) var(--ease-out)}.input:focus{border-color:var(--accent)}.error{color:var(--danger);font-size:.8125rem;margin:0}