:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07110d;--panel:#0d1b15;--panel-2:#12251c;--border:#224132;--text:#eef8f1;--muted:#90a99a;--green:#55e08c;--amber:#f7c65f;--red:#ff727d}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% -10%, #193827 0, var(--bg) 42%);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#07110dd6;height:100vh;padding:28px 18px;position:sticky;top:0}.brand{letter-spacing:-.03em;font-size:20px;font-weight:800}.badge{border:1px solid var(--border);color:var(--green);letter-spacing:.08em;border-radius:99px;margin-top:8px;padding:5px 9px;font-size:11px;display:inline-flex}.nav{gap:6px;margin-top:34px;display:grid}.nav a{color:var(--muted);border-radius:8px;padding:10px 12px}.nav a:hover{color:var(--text);background:var(--panel-2)}.content{min-width:0;padding:34px clamp(20px,4vw,64px)}.topline{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,44px)}h2{margin:0 0 14px;font-size:18px}.muted{color:var(--muted)}.warning{color:var(--amber)}.danger{color:var(--red)}.success{color:var(--green)}.grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.card{border:1px solid var(--border);background:linear-gradient(145deg,#12251cf0,#0a1912f0);border-radius:14px;grid-column:span 4;padding:18px;box-shadow:0 18px 50px #0000001f}.card.wide{grid-column:span 8}.card.full{grid-column:1/-1}.metric{margin-top:8px;font-size:26px;font-weight:750}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:12px}.table-wrap{border:1px solid var(--border);background:#0d1b15db;border-radius:14px;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:13px 14px}th{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px}td{font-size:13px}.toolbar{flex-wrap:wrap;gap:10px;margin:0 0 18px;display:flex}button{border:1px solid var(--border);color:var(--text);background:var(--panel-2);cursor:pointer;border-radius:9px;padding:10px 14px}button.primary{color:#04130a;background:var(--green);border-color:var(--green);font-weight:700}button.stop{background:var(--red);color:#240308;border-color:var(--red);font-weight:700}input,select{border:1px solid var(--border);width:100%;color:var(--text);background:#091610;border-radius:9px;padding:11px 12px}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login form{border:1px solid var(--border);background:var(--panel);border-radius:16px;gap:14px;width:min(420px,100%);padding:28px;display:grid}.paper-banner{color:var(--amber);background:#261f0e;border:1px solid #6f5923;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.nav{grid-template-columns:repeat(4,1fr);margin-top:18px}.content{padding-top:24px}.card,.card.wide{grid-column:1/-1}}