:root{--bg:#1c1c1c;--surface:#161616;--surface2:#1f1f1f;--border:#2e2e2e;--border2:#3a3a3a;--text:#ededed;--muted:#a0a0a0;--cap:#707070;--faint:#565656;--green:#3ecf8e;--green-bg:#112a1e;--green-bd:#1f5540;--mono:"Source Code Pro",ui-monospace,Menlo,monospace;--sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.topbar{display:flex;align-items:center;gap:22px;padding:0 22px;height:48px;background:var(--surface);border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12px}.topbar .brand{font-weight:600;letter-spacing:.22em;color:var(--green);text-decoration:none;white-space:nowrap}.topbar .brand span{color:var(--faint)}.topbar nav{display:flex;gap:4px;overflow-x:auto}.topbar nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:6px;white-space:nowrap}.topbar nav a:hover{color:var(--text);background:var(--surface2)}.topbar nav a[aria-current=page]{color:var(--green);background:var(--green-bg)}.topbar .who{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--cap);white-space:nowrap}.topbar .who form{margin:0}.topbar button{background:none;border:1px solid var(--border2);color:var(--muted);font-family:var(--mono);font-size:11px;padding:5px 10px;border-radius:6px;cursor:pointer}.topbar button:hover{border-color:var(--green);color:var(--green)}@media(max-width:640px){.topbar .who .email{display:none}}.shell{max-width:980px;margin:0 auto;padding:44px 22px 64px}.shell h1{font-size:27px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.shell .sub{color:var(--muted);font-size:14px;margin:0 0 30px}.client{font-family:var(--mono);font-size:12px;color:var(--cap);margin:26px 0 10px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:14px;gap:14px}.card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;text-decoration:none;color:var(--text)}.card:hover{border-color:var(--green)}.card h2{font-size:16px;font-weight:600;margin:0 0 6px}.card p{margin:0;color:var(--muted);font-size:13.5px}.card .path{display:block;margin-top:14px;font-family:var(--mono);font-size:11.5px;color:var(--green)}.login{min-height:100vh;display:grid;place-items:center;padding:22px}.login .box{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:32px}.login .brand{font-family:var(--mono);font-weight:600;font-size:13px;letter-spacing:.22em;color:var(--green)}.login .brand span{color:var(--faint)}.login h1{font-size:21px;font-weight:600;margin:18px 0 6px}.login p{color:var(--muted);font-size:14px;margin:0 0 24px}.login button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--text);color:#111;border:0;border-radius:8px;padding:11px 14px;font-family:var(--sans);font-size:14.5px;font-weight:600;cursor:pointer}.login button:hover{background:#fff}.login button:disabled{opacity:.6;cursor:default}.login .err{margin-top:16px;color:#e58a7b;font-size:13px}.login .ms{display:grid;grid-template-columns:8px 8px;grid-gap:2px;gap:2px}.login .ms i{width:8px;height:8px;display:block}.loaderr{max-width:720px;margin:60px auto;padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted)}.crumbs{font-family:var(--mono);font-size:12px;color:var(--cap);margin:0 0 18px}.client a,.crumbs a{color:var(--muted);text-decoration:none}.client a:hover,.crumbs a:hover{color:var(--green)}.client .sep,.crumbs .sep{color:var(--faint);margin:0 6px}.crumbs [aria-current]{color:var(--text)}