:root{--fg:#1d2330;--muted:#677087;--line:#e3e6ee;--bar:#4f6bed;--bg:#f6f7fb}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font:14px/1.45 system-ui,sans-serif}header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}header h1{margin:0;font-size:1.1rem}header .spacer{flex:1}main{max-width:72rem;margin:1.5rem auto;padding:0 1.5rem}.card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:1rem 1.25rem}.grid{gap:1rem;display:grid}.cards{grid-template-columns:repeat(4,1fr)}.tables{grid-template-columns:repeat(3,1fr);margin-top:1rem}.metric .label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.metric .value{font-size:1.8rem;font-weight:600}.trend{margin-top:1rem}.bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:2px;height:140px;display:flex}.bars div{background:var(--bar);border-radius:2px 2px 0 0;flex:1;min-height:1px}.axis{color:var(--muted);justify-content:space-between;min-height:1.2em;margin-top:.25rem;font-size:.8rem;display:flex}h2{margin:0 0 .5rem;font-size:.95rem}table{border-collapse:collapse;table-layout:fixed;width:100%}td,th{border-bottom:1px solid var(--line);text-align:left;padding:.3rem 0}th:first-child,td:first-child{width:55%}th{white-space:nowrap;color:var(--muted);font-weight:500}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}td.label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.muted{color:var(--muted)}.notice{background:#fff6e0;border:1px solid #f0d48a;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}form.login{gap:.6rem;max-width:22rem;margin:4rem auto;display:grid}form.login p[role=alert]{color:#b42318;min-height:1.45em;margin:0}.dev-login{border-top:1px dashed var(--line);padding-top:.75rem}.dev-login ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.dev-login li{display:grid}.dev-login .muted{font-size:.8rem}input,select,button{font:inherit;padding:.4rem .6rem}.site-nav{gap:.5rem;margin-bottom:1rem;display:flex}.site-nav button[aria-pressed=true]{background:var(--fg);color:#fff;border-color:var(--fg)}.collection-settings{max-width:52rem}.hostname-input{flex-wrap:wrap;gap:.5rem;margin-top:.3rem;display:flex}.hostname-input input{flex:1;min-width:12rem}.collection-settings [role=alert]{color:#b42318}.provisioning{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}.provisioning dl{gap:.5rem;display:grid}.provisioning dl div{gap:1rem;display:flex}.provisioning dt{width:7rem;color:var(--muted);flex-shrink:0}.provisioning dd{overflow-wrap:anywhere;margin:0}.provisioning .notice p{margin:.3rem 0}.sdk-snippet{margin-top:1.5rem}.sdk-snippet pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border-radius:4px;padding:1rem}.check-status{margin-top:.5rem}@media (width<=60rem){.cards{grid-template-columns:repeat(2,1fr)}.tables{grid-template-columns:1fr}}