.statistics-page { display:grid; gap:16px; min-width:0; }
.statistics-page .page-head { margin:0; }
body.design-vanta .statistics-page .secondary-button:not(:disabled) { color:var(--ink); background:var(--card); opacity:1; }
.statistics-filters { padding:16px 20px; display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.statistics-filters form { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; }
.statistics-page label { display:grid; gap:6px; font-size:11px; font-weight:600; color:var(--muted); }
.statistics-page :is(input,select) { min-height:40px; min-width:0; padding:8px 12px; border:1px solid var(--border); border-radius:9px; color:var(--ink); background:var(--card); font:inherit; font-size:12px; }
.statistics-page :is(input,select,button):focus-visible,.statistics-table-scroll:focus-visible { outline:2px solid var(--warning); outline-offset:2px; }
.statistics-presets { display:flex; flex-wrap:wrap; gap:5px; }
.statistics-presets button { border:0; background:var(--surface); color:var(--muted); border-radius:7px; padding:9px 11px; font-size:11px; cursor:pointer; }
.statistics-period { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; font-size:11px; color:var(--muted); }
.statistics-period strong { font-weight:600; color:var(--ink); }
.statistics-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.statistics-kpi { display:grid; gap:10px; padding:20px; border:1px solid var(--border); border-radius:14px; background:var(--card); }
.statistics-kpi > small { font-size:12px; color:var(--muted); }
.statistics-kpi > strong { font-size:27px; line-height:1.2; letter-spacing:-.5px; overflow-wrap:anywhere; }
.statistics-kpi > span { font-size:10px; color:var(--muted); }
.statistics-value { display:inline-flex; align-items:baseline; justify-content:flex-end; gap:4px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.statistics-value small { color:var(--warning); font-size:9px; font-weight:500; letter-spacing:0; }
.statistics-value.is-missing { color:var(--muted); }
.statistics-account-note { display:block; color:var(--muted); font-size:9px; margin-top:4px; font-weight:400; }
.statistics-coverage { padding:11px 15px; background:color-mix(in srgb,var(--warning) 8%,var(--card)); border-left:3px solid var(--warning); border-radius:7px; font-size:11px; color:var(--muted); line-height:1.6; }
.statistics-directions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.statistics-direction { border:1px solid var(--border); border-radius:12px; padding:16px; background:var(--card); }
.statistics-direction header { display:grid; gap:4px; margin-bottom:16px; }
.statistics-direction header strong { font-size:15px; }
.statistics-direction header small { color:var(--muted); font-size:10px; }
.statistics-direction > div { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.statistics-direction > div > span { display:grid; gap:6px; color:var(--muted); font-size:10px; }
.statistics-direction > div > span:last-child { grid-column:1 / -1; }
.statistics-direction strong .statistics-value { color:var(--ink); font-size:13px; }
.statistics-trend { overflow:hidden; }
.statistics-trend header,.statistics-accounts > header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:15px; padding:18px 20px; }
.statistics-page h2 { margin:0 0 5px; font-size:16px; }
.statistics-page header small { color:var(--muted); font-size:11px; }
.statistics-trend svg { display:block; width:calc(100% - 40px); height:160px; margin:0 20px 10px; }
.statistics-chart-bar { fill:var(--warning); }
.statistics-chart-bar.is-partial { opacity:.45; }
.statistics-chart-missing { stroke:var(--muted); stroke-width:2; stroke-dasharray:2 2; }
.statistics-trend text { fill:var(--muted); font-size:10px; }
.statistics-chart-labels { display:flex; justify-content:space-between; margin:0 30px 16px; color:var(--muted); font-size:10px; }
.statistics-chart-empty { min-height:110px; display:grid; place-items:center; padding:20px; color:var(--muted); font-size:12px; }
.statistics-daily-details { padding:0 20px 16px; font-size:11px; color:var(--muted); }
.statistics-daily-details summary { cursor:pointer; padding:4px 0; }
.statistics-daily-scroll { max-height:310px; overflow:auto; margin-top:12px; }
.statistics-daily-scroll table { width:100%; min-width:520px; border-collapse:collapse; }
.statistics-daily-scroll :is(th,td) { padding:10px 12px; border-bottom:1px solid var(--border); text-align:right; font-size:11px; }
.statistics-daily-scroll th:first-child { text-align:left; }
.statistics-accounts { min-width:0; overflow:hidden; }
.statistics-table-tools { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.statistics-table-tools button { min-height:38px; padding:8px 12px; font-size:11px; }
.statistics-table-tools input { width:220px; }
.statistics-table-scroll { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; overscroll-behavior-y:auto; }
body.design-vanta .statistics-table { display:table; width:100%; min-width:1060px; border-collapse:collapse; table-layout:auto; font-size:12px; }
body.design-vanta .statistics-table :is(th,td) { display:table-cell; border-bottom:1px solid var(--border); padding:14px 15px; text-align:right; vertical-align:middle; font-size:12px; white-space:nowrap; }
body.design-vanta .statistics-table thead th { font-size:10px; color:var(--muted); background:var(--surface); }
.statistics-table thead button { border:0; padding:0; background:transparent; color:inherit; font:inherit; font-weight:600; cursor:pointer; white-space:normal; max-width:140px; min-width:80px; }
body.design-vanta .statistics-table :is(th,td):nth-child(-n+3) { text-align:left; }
body.design-vanta .statistics-table :is(th,td):first-child { max-width:220px; white-space:normal; overflow-wrap:anywhere; min-width:170px; }
.statistics-table tbody tr:hover { background:var(--surface); }
body.design-vanta .statistics-table tbody th[scope="row"],body.design-vanta .statistics-table thead th:nth-child(2) { position:sticky; left:0; z-index:1; background:var(--card); box-shadow:1px 0 0 var(--border); }
body.design-vanta .statistics-table thead th:nth-child(2) { background:var(--surface); z-index:2; }
body.design-vanta .statistics-table tfoot :is(th,td) { border-top:2px solid var(--border); border-bottom:0; font-weight:700; background:color-mix(in srgb,var(--warning) 6%,var(--card)); }
.statistics-table-note { font-size:10px; color:var(--muted); margin:0; padding:13px 20px; line-height:1.6; }
.statistics-error { padding:24px; color:var(--danger); font-size:13px; }
.statistics-error p { margin:12px 0 18px; }
.statistics-empty { padding:32px; text-align:center!important; color:var(--muted); font-size:13px; }
.statistics-method { padding:16px 20px; font-size:11px; color:var(--muted); }
.statistics-method summary { cursor:pointer; font-weight:600; }
.statistics-method p { margin:12px 0 0; line-height:1.7; max-width:900px; }
@media (max-width:1350px) { .statistics-kpi > strong { font-size:23px; } .statistics-directions { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) {
  .statistics-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .statistics-kpi { padding:14px; gap:8px; }
  .statistics-kpi > strong { font-size:20px; }
  .statistics-kpi .statistics-value { white-space:normal; flex-wrap:wrap; justify-content:flex-start; }
  .statistics-filters { padding:15px; }
  .statistics-filters form { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .statistics-filters label:nth-child(3) { grid-column:1 / -1; }
  .statistics-filters input,.statistics-filters select { width:100%; }
  .statistics-filters form button { grid-column:1 / -1; }
  .statistics-table-tools { width:100%; }
  .statistics-table-tools label,.statistics-table-tools input { width:100%; }
  .statistics-trend svg { height:130px; }
  .statistics-accounts > header,.statistics-trend header { padding:16px; }
  .statistics-period { line-height:1.7; }
  .statistics-directions { gap:8px; }
  .statistics-direction { padding:12px; }
  .statistics-direction > div { grid-template-columns:1fr; }
}