:root{--bg:#0f1115;--panel:#171a21;--border:#262b36;--text:#e7e9ee;--muted:#9aa2b1;--accent:#ff6b5e;--accent-hover:#ff8478;--danger:#ef4444}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px}.brand{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.subtle{font-size:14px;margin:0 0 20px}.subtle,label{color:var(--muted)}label{display:block;font-size:13px;margin:14px 0 6px}input{width:100%;padding:10px 12px;background:#0d0f14;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px}input:focus{outline:none;border-color:var(--accent)}button{cursor:pointer;font-size:15px;font-weight:600;border:none;border-radius:8px}.btn-primary{width:100%;margin-top:20px;padding:11px 12px;background:var(--accent);color:#1a0f0d}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{padding:8px 14px;background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent)}.alert{margin-top:16px;padding:10px 12px;border-radius:8px;font-size:14px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);color:#fca5a5}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border)}.topbar .who{color:var(--muted);font-size:14px}.main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:24px}.placeholder{text-align:center}.placeholder h1{font-size:28px;margin:0 0 8px}.placeholder p{color:var(--muted);margin:0}