.statistics-page { min-height:calc(100vh - 88px); padding:34px clamp(32px,5vw,76px) 72px; background:#fff; }
.statistics-head { display:flex; margin-top:42px; align-items:end; justify-content:space-between; gap:36px; }
.statistics-head h1 { margin:0; color:var(--cab-ink); font-size:clamp(42px,5vw,64px); font-weight:560; line-height:.98; letter-spacing:-.045em; }
.statistics-head p { max-width:650px; margin:18px 0 0; color:var(--cab-copy); font-size:17px; line-height:1.5; }
.statistics-period { display:flex; padding:4px; flex:0 0 auto; border:1px solid var(--cab-line-strong); border-radius:10px; }
.statistics-period button { min-height:42px; padding:0 16px; border:0; border-radius:7px; background:#fff; color:var(--cab-copy); font-size:15px; font-weight:650; cursor:pointer; }
.statistics-period button:hover { color:var(--cab-brand); }
.statistics-period button.is-active { background:var(--cab-ink); color:#fff; }
.statistics-summary,.statistics-expanded,.statistics-empty { margin-top:38px; border:1px solid var(--cab-line-strong); border-radius:12px; background:#fff; }
.statistics-summary { padding:30px; }
.statistics-title-row,.statistics-expanded > header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.statistics-title-row h2,.statistics-expanded h2,.statistics-empty h2 { margin:0; color:var(--cab-ink); font-size:28px; line-height:1.1; letter-spacing:-.025em; }
.statistics-title-row p,.statistics-expanded header p { margin:8px 0 0; color:var(--cab-muted); font-size:15px; }
.statistics-title-row > strong { color:var(--cab-ink); font:650 15px/1.3 'Iosevka Charon Mono',monospace; }
.statistics-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:28px 0 0; border-block:1px solid var(--cab-line); }
.statistics-metrics > div { min-width:0; padding:22px 20px; border-right:1px solid var(--cab-line); }
.statistics-metrics > div:first-child { padding-left:0; }
.statistics-metrics > div:last-child { padding-right:0; border-right:0; }
.statistics-metrics dt { min-height:42px; color:var(--cab-copy); font-size:15px; font-weight:650; }
.statistics-metrics dd { margin:9px 0 0; color:var(--cab-ink); font:560 36px/1 'Iosevka Charon Mono',monospace; }
.statistics-metrics small { display:block; margin-top:10px; color:var(--cab-muted); font-size:13px; line-height:1.35; }
.statistics-partial-note { display:flex; margin-top:22px; padding:16px 18px; align-items:center; gap:14px; border:1px solid var(--cab-warning); border-radius:8px; }
.statistics-partial-note strong { color:var(--cab-ink); font-size:15px; }
.statistics-partial-note span { color:var(--cab-copy); font-size:15px; }
.statistics-chart { margin:28px 0 0; }
.statistics-chart figcaption { display:flex; align-items:baseline; justify-content:space-between; gap:18px; }
.statistics-chart figcaption strong { color:var(--cab-ink); font-size:18px; }
.statistics-chart figcaption span { color:var(--cab-muted); font-size:15px; }
.statistics-chart-plot { margin-top:18px; overflow:hidden; }
.statistics-chart svg { display:block; width:100%; min-width:560px; height:auto; }
.chart-grid line { stroke:var(--cab-line); stroke-width:1; }
.statistics-chart polyline { fill:none; stroke:var(--cab-brand); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.statistics-chart circle { fill:#fff; stroke:var(--cab-brand); stroke-width:3; }
.statistics-chart-axis { display:flex; justify-content:space-between; color:var(--cab-muted); font:600 13px/1.3 'Iosevka Charon Mono',monospace; }
.statistics-expanded { padding:26px 30px; }
.statistics-expanded > header > span { padding:6px 10px; border:1px solid var(--cab-line-strong); border-radius:999px; color:var(--cab-copy); font-size:13px; font-weight:650; white-space:nowrap; }
.statistics-expanded-data { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:24px; border-top:1px solid var(--cab-line); }
.statistics-expanded-data > div { display:grid; padding:22px 0 0; gap:6px; }
.statistics-expanded-data span,.statistics-expanded-data small { color:var(--cab-muted); font-size:15px; }
.statistics-expanded-data strong { color:var(--cab-ink); font-size:27px; }
.statistics-lock { margin-top:22px; padding-top:20px; border-top:1px solid var(--cab-line); }
.statistics-lock strong { color:var(--cab-ink); font-size:17px; }
.statistics-lock p { margin:7px 0 0; font-size:15px; }
.statistics-empty { padding:40px; }
.statistics-empty p { max-width:580px; margin:14px 0 0; font-size:16px; line-height:1.5; }
.statistics-loading { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:38px; }
.statistics-loading span,.statistics-loading i { display:block; min-height:126px; border:1px solid var(--cab-line); border-radius:10px; background:#f5f5f6; animation:statistics-pulse 1.2s ease-in-out infinite alternate; }
.statistics-loading i { grid-column:1/-1; min-height:320px; }
@keyframes statistics-pulse { to { background:#eceef0; } }
.statistics-events { margin-top:38px; padding:30px; border:1px solid var(--cab-line-strong); border-radius:12px; background:#fff; }
.statistics-events > header { margin-bottom:0; }
.statistics-events > header h2 { margin:0; color:var(--cab-ink); font-size:28px; line-height:1.1; letter-spacing:-.025em; }
.statistics-events > header p { margin:8px 0 0; color:var(--cab-muted); font-size:15px; }
.events-list { list-style:none; margin:28px 0 0; padding:0; border-top:1px solid var(--cab-line); }
.events-list li { border-bottom:1px solid var(--cab-line); }
.events-list li:last-child { border-bottom:0; }
.event-row { display:flex; min-height:0; padding:20px 0; align-items:flex-start; justify-content:space-between; gap:24px; }
.event-row > div { display:grid; min-width:0; gap:6px; }
.event-row strong { color:var(--cab-ink); font-size:18px; font-weight:650; line-height:1.25; }
.event-row p { margin:0; color:var(--cab-copy); font-size:15px; line-height:1.45; max-width:520px; }
.event-key { color:var(--cab-muted); font:600 13px/1.3 'Iosevka Charon Mono',monospace; letter-spacing:.02em; }
.event-trend { flex:0 0 auto; min-width:120px; text-align:right; color:var(--cab-ink); font:560 18px/1.3 'Iosevka Charon Mono',monospace; }
@media (max-width:1050px) { .statistics-head { align-items:flex-start; flex-direction:column; } .statistics-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } .statistics-loading { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .statistics-page { min-height:0; padding:26px 16px 48px; } .statistics-head { margin-top:32px; gap:24px; } .statistics-head h1 { font-size:40px; } .statistics-period { width:100%; } .statistics-period button { padding-inline:8px; flex:1; } .statistics-summary,.statistics-expanded,.statistics-empty { margin-top:28px; padding:22px 18px; } .statistics-title-row,.statistics-expanded > header,.statistics-chart figcaption { align-items:flex-start; flex-direction:column; gap:10px; } .statistics-metrics { grid-template-columns:1fr; } .statistics-metrics > div { padding:18px 0; border-right:0; border-bottom:1px solid var(--cab-line); } .statistics-metrics > div:nth-child(3) { padding-left:0; } .statistics-metrics > div:last-child { border-bottom:0; } .statistics-metrics dt { min-height:0; } .statistics-partial-note { align-items:flex-start; flex-direction:column; gap:4px; } .statistics-chart-plot { overflow-x:auto; } .statistics-chart svg { min-width:520px; } .statistics-expanded-data { grid-template-columns:1fr; } .statistics-loading { grid-template-columns:1fr 1fr; } .statistics-loading i { min-height:250px; } .statistics-events { margin-top:28px; padding:22px 18px; } .event-row { flex-direction:column; gap:8px; } .event-trend { text-align:left; } }
@media (prefers-reduced-motion:reduce) { .statistics-loading span,.statistics-loading i { animation:none; } }