:root {
  --bg:#f5f7fb;
  --bg2:#edf2f7;
  --panel:#ffffff;
  --panel-soft:#fbfcfe;
  --text:#0f172a;
  --muted:#667085;
  --line:rgba(15,23,42,.08);
  --line-strong:rgba(15,23,42,.14);
  --blue:#0a84ff;
  --blue-deep:#0669d9;
  --green:#118a41;
  --red:#b42318;
  --shadow:0 12px 28px rgba(15,23,42,.05);
  --shadow-sm:0 4px 12px rgba(15,23,42,.035);
  --max:1080px;
}
* { box-sizing:border-box; min-width:0; }
html, body { margin:0; padding:0; max-width:100%; overflow-x:hidden; }
body {
  font-family: Inter, "SF Pro Display", "SF Pro Text", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 360px at -10% -10%, rgba(10,132,255,.08), transparent 42%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button, input { font:inherit; }
button { appearance:none; }

.icon { width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; color:currentColor; flex:0 0 auto; }
.icon svg { width:100%; height:100%; display:block; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; fill:none; vector-effect:non-scaling-stroke; }

.statIcon {
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  color:#52606d;
  opacity:.56;
  flex:0 0 auto;
}
.statIcon .icon { width:12px; height:12px; }
.statIcon svg { stroke-width:1.6; }