:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071018;--panel:#101b25;--panel2:#162431;--text:#f2f7fb;--muted:#9fb0be;--accent:#3bd2a2;--danger:#ff7a8a;--border:#263746}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 100% 0,#133044 0,#071018 44%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071018d1;padding:28px 20px}.brand{letter-spacing:-.04em;margin-bottom:8px;font-size:24px;font-weight:800}.badge{color:var(--accent);background:#3bd2a21f;border-radius:999px;padding:5px 9px;font-size:12px;display:inline-flex}.nav{gap:8px;margin-top:32px;display:grid}.nav a{color:var(--muted);border-radius:10px;padding:11px 12px}.nav a:hover{background:var(--panel);color:var(--text)}.main{width:100%;max-width:1300px;padding:40px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:12px}h1{letter-spacing:-.04em;margin:8px 0 10px;font-size:42px}.lead{color:var(--muted);max-width:760px;line-height:1.65}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.card{background:linear-gradient(150deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 20px 60px #0000002e}.card h2,.card h3{margin-top:0}.metric{margin:8px 0;font-size:30px;font-weight:800}.muted{color:var(--muted)}button,input,select,textarea{font:inherit}button{background:var(--accent);color:#04110d;cursor:pointer;border:0;border-radius:10px;padding:11px 14px;font-weight:750}button.secondary{color:var(--text);background:var(--panel2);border:1px solid var(--border)}input,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#08131c;border-radius:10px;padding:11px 12px}.form{gap:12px;max-width:520px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status{border:1px solid var(--border);background:#0a151e;border-radius:10px;padding:10px 12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b7f4e0}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.grid{grid-template-columns:1fr}.main{padding:24px}}
