@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--relevant-electric:#0b5fff;--relevant-blue-tint:#4c82ff;--relevant-ink-900:#12172b;--relevant-ink-600:#4a578c;--relevant-ink-400:#7c85ac;--relevant-line-200:#dcdee5;--relevant-line-100:#ebecef;--relevant-surface-alt:#f5f6f7;--relevant-surface:#fff;--relevant-positive-vivid:#1fa463;--relevant-positive-mid:#6dc49b;--relevant-positive-pastel:#cfeedc;--relevant-negative-vivid:#e5484d;--relevant-negative-mid:#f0898e;--relevant-negative-pastel:#f8d2d4;--relevant-warning-vivid:#e2a336;--relevant-warning-mid:#ecc06b;--relevant-warning-pastel:#f6e3bb;--relevant-series-1:#0b5fff;--relevant-series-2:#7b61e0;--relevant-series-3:#0ea5a5;--relevant-series-4:#6b7280;--relevant-series-5:#4c82ff;--relevant-font-display:"Hanken Grotesk", system-ui, sans-serif;--relevant-font-text:"Hanken Grotesk", system-ui, sans-serif;--relevant-font-mono:"JetBrains Mono", ui-monospace, monospace;--relevant-type-display:88px;--relevant-type-h1:56px;--relevant-type-h2:36px;--relevant-type-h3:24px;--relevant-type-body-l:19px;--relevant-type-body:16px;--relevant-type-small:13px;--relevant-primary:var(--relevant-electric);--relevant-border:var(--relevant-line-200);--relevant-ink-500:var(--relevant-ink-600);--relevant-negative:var(--relevant-negative-vivid)}*{box-sizing:border-box}body{color:var(--relevant-ink-900,#101828);background:var(--relevant-surface-alt,#f7f8fa);margin:0;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:14px}.mono,td.num{font-family:JetBrains Mono,monospace;font-size:13px}.layout{min-height:100vh;display:flex}.sidebar{background:var(--relevant-surface,#fff);border-right:1px solid var(--relevant-border,#e4e7ec);flex-direction:column;align-self:flex-start;gap:2px;width:216px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.sidebar .brand{padding:8px 10px 20px;font-size:16px;font-weight:700}.sidebar a{color:inherit;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-weight:500;text-decoration:none;display:flex}.sidebar a.active{color:var(--relevant-primary,#0b5fff);background:var(--relevant-surface-alt,#f0f4ff)}.content{flex:1;max-width:1200px;padding:24px 28px}@media (width<=820px){.layout{flex-direction:column}.sidebar{z-index:10;border-right:none;border-bottom:1px solid var(--relevant-border,#e4e7ec);flex-direction:row;align-items:center;gap:4px;width:auto;height:auto;padding:10px 12px;position:sticky;top:0;overflow-x:auto}.sidebar .brand{white-space:nowrap;padding:0 12px 0 4px}.sidebar a{white-space:nowrap;padding:8px 10px}.content{max-width:none;padding:16px}}.card{background:var(--relevant-surface,#fff);border:1px solid var(--relevant-border,#e4e7ec);border-radius:12px;padding:16px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--relevant-ink-500,#667085);border-bottom:1px solid var(--relevant-border,#e4e7ec);padding:8px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--relevant-border,#eef1f4);padding:10px 12px}tr.clickable:hover{background:var(--relevant-surface-alt,#f7f8fa);cursor:pointer}button.primary{background:var(--relevant-primary,#0b5fff);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-weight:600}button.ghost{border:1px solid var(--relevant-border,#e4e7ec);cursor:pointer;background:0 0;border-radius:8px;padding:7px 12px}button.danger{background:var(--relevant-negative,#d92d20);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 14px}input,select,textarea{font:inherit;border:1px solid var(--relevant-border,#d0d5dd);box-sizing:border-box;border-radius:8px;width:100%;padding:8px 10px;line-height:20px}input:focus,select:focus{outline:2px solid var(--relevant-primary,#0b5fff);outline-offset:0}label{color:var(--relevant-ink-500,#667085);font-size:12px;font-weight:600;display:block}.badge{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.tabs{border-bottom:1px solid var(--relevant-border,#e4e7ec);gap:4px;margin-bottom:16px;display:flex}.tabs a{color:inherit;border-bottom:2px solid #0000;padding:8px 12px;text-decoration:none}.tabs a.active{color:var(--relevant-primary,#0b5fff);border-bottom-color:var(--relevant-primary,#0b5fff)}
