:root{--bg:#0e1319;--card:#151b23;--card-2:#11161d;--line:#29313c;--line-strong:#39424e;--fg:#edf0f3;--muted:#8b96a5;--faint:#5c6675;--ok:#d7f5e3;--ok-line:#2e6b47;--ok-bg:#101c16;--warn:#faf0d2;--warn-line:#7a6523;--warn-bg:#1c1810;--bad:#fbdcdc;--bad-line:#8c3030;--bad-bg:#1e1314;--r:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:Be Vietnam Pro,Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static!important;height:auto!important;border-right:0!important;border-bottom:1px solid var(--line)}.nav{display:flex!important;flex-wrap:wrap;gap:4px}.sidebar .whoami{display:none}}.sidebar{border-right:1px solid var(--line);padding:18px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:10px;padding:0 6px}.mark{width:32px;height:32px;border-radius:8px;background:var(--fg);color:var(--bg);display:grid;place-items:center;font-weight:700;font-size:11px;letter-spacing:.04em;flex:none}.brand b{font-size:14px;font-weight:600;display:block;line-height:1.2}.brand span{font-size:11.5px;color:var(--muted)}.nav{display:grid;grid-gap:2px;gap:2px}.nav a{padding:8px 10px;border-radius:8px;color:var(--muted);font-size:13.5px}.nav a:hover,.nav a[data-on="1"]{background:var(--card);color:var(--fg)}.nav a[data-on="1"]{font-weight:500}.whoami{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;font-size:12.5px}.whoami .nm{font-weight:500}.whoami .rl{color:var(--muted);font-size:11.5px}main.content{padding:26px 28px 60px;min-width:0}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}h1{font-size:20px;font-weight:600;margin:0}.pagehead p{color:var(--muted);font-size:13px;margin:4px 0 0;max-width:62ch}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}h2.sec{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin:0 0 14px}h2.sec,label{color:var(--muted)}label{display:block;font-size:12.5px;margin:0 0 6px}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=url],select,textarea{width:100%;background:var(--card);color:var(--fg);border:1px solid var(--line-strong);border-radius:8px;padding:9px 11px;font:inherit;font-size:13.5px;outline:none}textarea{resize:vertical;min-height:62px}input:focus,select:focus,textarea:focus{border-color:var(--fg)}input[type=color]{width:38px;height:36px;padding:2px;background:var(--card);border:1px solid var(--line-strong);border-radius:8px;cursor:pointer}input[type=range]{width:100%;accent-color:var(--fg)}.hint{color:var(--faint);font-size:11.5px;margin-top:5px;line-height:1.5}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.swatch{display:flex;gap:8px;align-items:center}.btn,button{font:inherit;font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;padding:9px 14px;border:1px solid var(--line-strong);background:transparent;color:var(--fg);display:inline-block}.btn:hover,.primary,button:hover{border-color:var(--fg)}.primary{background:var(--fg);color:var(--bg);font-weight:600}.primary:hover{opacity:.88}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{border-color:var(--line-strong)}.btns{display:flex;gap:8px;flex-wrap:wrap}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:0 14px 9px 0;white-space:nowrap}td,th{border-bottom:1px solid var(--line)}td{padding:11px 14px 11px 0;vertical-align:middle}tbody tr:hover td{background:var(--card-2)}tr:last-child td{border-bottom:0}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;padding-right:0}.pill{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap}.pill[data-s=active]{color:var(--ok);border-color:var(--ok-line);background:var(--ok-bg)}.pill[data-s=paused]{color:var(--warn);border-color:var(--warn-line);background:var(--warn-bg)}.pill[data-s=archived]{color:var(--faint)}.slug{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;letter-spacing:.02em}.thumb{width:40px;height:40px;border-radius:6px;background:#fff;padding:3px;flex:none}.thumb svg{width:100%;height:100%;display:block}.notice{border:1px solid;border-radius:9px;padding:11px 13px;font-size:12.8px;line-height:1.6;margin-bottom:10px}.notice.block{border-color:var(--bad-line);background:var(--bad-bg);color:var(--bad)}.notice.warn{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn)}.notice.pass{border-color:var(--ok-line);background:var(--ok-bg);color:var(--ok)}.notice .code{font-size:10.5px;letter-spacing:.08em;opacity:.7;display:block;margin-bottom:3px}.notice button{margin-top:9px;padding:5px 10px;font-size:12px;color:inherit;border-color:currentColor;opacity:.85}.empty{text-align:center;padding:56px 20px;color:var(--muted)}.empty b{display:block;color:var(--fg);font-size:15px;font-weight:600;margin-bottom:6px}.empty p{margin:0 auto 18px;max-width:44ch;font-size:13px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.stats>div{background:var(--card);padding:12px 14px}.stats dt{color:var(--muted);font-size:11px;letter-spacing:.05em;text-transform:uppercase;margin:0}.stats dd{margin:3px 0 0;font-size:18px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login .box{width:100%;max-width:380px}.login .top{text-align:center;margin-bottom:22px}.login .mark{margin:0 auto 12px;width:44px;height:44px;border-radius:11px;font-size:13px}.login h1{font-size:19px}.login .top p{color:var(--muted);font-size:12.5px;margin:3px 0 0}