*{box-sizing:border-box;margin:0}:root{--bg:#0e1116;--panel:#161b23;--panel-2:#1d2430;--border:#2a3342;--text:#e6ebf2;--muted:#8b98ab;--accent:#4f8cff;--accent-2:#3a6fd8;--danger:#e5534b;--ok:#3fb27f}body{background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{min-height:100vh}.center-card{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;padding:32px}.card h1{margin-bottom:4px;font-size:20px}.card .sub{color:var(--muted);margin-bottom:24px;font-size:13px}label{color:var(--muted);margin:14px 0 6px;font-size:13px;display:block}input,select{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}input:focus,select:focus{outline:2px solid var(--accent-2);border-color:#0000}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:20px;padding:11px;font-size:15px;font-weight:600}button:hover{background:var(--accent-2)}button:disabled{opacity:.6;cursor:default}button.secondary{background:var(--panel-2);border:1px solid var(--border)}button.small{width:auto;margin:0;padding:6px 12px;font-size:13px}.error{color:#f2a9a5;background:#e5534b1f;border:1px solid #e5534b66;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:13px}.notice{color:#9fd8bf;background:#3fb27f1a;border:1px solid #3fb27f59;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:13px}.layout{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:4px;width:220px;padding:20px 14px;display:flex}.sidebar .brand{padding:6px 10px 18px;font-size:16px;font-weight:700}.sidebar a{color:var(--muted);border-radius:8px;padding:8px 10px;font-size:14px;text-decoration:none}.sidebar a.active,.sidebar a:hover{color:var(--text);background:var(--panel-2)}.sidebar .spacer{flex:1}.sidebar .whoami{color:var(--muted);padding:8px 10px;font-size:12px}.content{flex:1;max-width:1100px;padding:32px 40px}.content h2{margin-bottom:18px;font-size:20px}table{border-collapse:collapse;background:var(--panel);border-radius:10px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}.pill{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.active{color:var(--ok);background:#3fb27f26}.pill.disabled{color:var(--danger);background:#e5534b26}.pill.role{color:var(--accent);background:#4f8cff26}.row{align-items:end;gap:12px;display:flex}.row>div{flex:1}.qr-box{background:#fff;border-radius:10px;place-items:center;margin:16px 0;padding:12px;display:grid}.secret{background:var(--panel-2);word-break:break-all;border-radius:8px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:13px}.temp-pass{background:var(--panel-2);border:1px dashed var(--accent);border-radius:8px;margin-top:12px;padding:10px 12px;font-family:ui-monospace,monospace;font-size:15px}