:root{--bg:#0f172a;--panel:#1e293b;--panel-2:#334155;--text:#f8fafc;--muted:#94a3b8;--accent:#3b82f6;--accent-2:#2563eb;--error:#f87171;--ok:#34d399;--warning:#fbbf24;--border:#475569}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:32px;width:100%;max-width:420px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.card h1{margin:0 0 8px;font-size:20px;font-weight:600}.card p.subtitle{margin:0 0 24px;color:var(--muted);font-size:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;color:var(--muted)}.field input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px;font-family:inherit}.field input:focus{outline:none;border-color:var(--accent)}.btn{width:100%;background:var(--accent);color:var(--text);border:0;border-radius:8px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease;font-family:inherit}.btn:hover{background:var(--accent-2)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--border)}.btn.ghost:hover{background:var(--panel-2)}.error{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);color:var(--error);border-radius:8px}.error,.ok{padding:10px 12px;font-size:13px;margin-bottom:16px}.ok{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.3);color:var(--ok)}.ok,.qr{border-radius:8px}.qr{display:block;margin:16px auto;width:200px;height:200px;background:#fff;padding:8px}.code{font-family:ui-monospace,Cascadia Code,Menlo,monospace;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:13px;word-break:break-all;color:var(--muted)}.dashboard{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--panel);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.topbar .brand{font-weight:700;font-size:16px}.topbar .meta{display:flex;gap:16px;align-items:center;font-size:13px;color:var(--muted)}.topbar .logout-btn{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit}.topbar .logout-btn:hover{background:var(--panel-2);color:var(--text)}.dashboard main{flex:1 1;padding:32px}.empty{text-align:center;color:var(--muted);padding:64px 16px}.empty h2{color:var(--text);margin:0 0 8px;font-weight:600}.hint{font-size:12px;color:var(--muted);line-height:1.4}.field select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px;font-family:inherit}.field select:focus{outline:none;border-color:var(--accent)}