:root{--bg:#0b0e14;--panel:#131824;--panel-2:#1b2333;--fg:#e6edf3;--muted:#8b98a9;--accent:#3b82f6;--border:#232c3d;--danger:#f87171}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.center{min-height:100dvh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px}.brand{font-weight:700;letter-spacing:.02em;font-size:20px;margin:0 0 4px}.sub{margin:0 0 20px}.sub,label{color:var(--muted);font-size:13px}label{display:block;margin:14px 0 6px}input{width:100%;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:14px}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{margin-top:20px;width:100%;padding:11px 14px;background:var(--accent);color:white;border:0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:default}.error{color:var(--danger);font-size:13px;margin-top:12px;min-height:16px}.shell{max-width:920px;margin:0 auto;padding:40px 24px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.tile{display:block;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin-top:16px}.tile h3{margin:0 0 6px}.tile p{margin:0;color:var(--muted);font-size:14px}.logout{width:auto;margin:0;padding:8px 14px;background:var(--panel-2);border:1px solid var(--border);color:var(--fg);font-weight:500}