.stats-toolbar { display:flex; flex-wrap:wrap; gap:16px; align-items:flex-end; margin:28px 0; }
.stats-toolbar .office-field { min-width:170px; }
.stats-toolbar .field-help { margin:auto 0 10px auto; }
#stats-account { display:flex; align-items:center; gap:14px; font-size:14px; }
.stats-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.stats-card { display:flex; flex-direction:column; gap:10px; border:1px solid var(--line); border-radius:5px; padding:24px; background:var(--paper); }
.stats-card:first-child { background:var(--green-soft); }
.stats-card:nth-child(3) { background:var(--yellow-soft); }
.stats-card > span { font-size:14px; }
.stats-card strong { font-size:clamp(24px,3vw,34px); line-height:1.35; font-weight:550; font-variant-numeric:tabular-nums; }
.stats-card small { color:var(--muted); font-size:12px; }
.stats-section { margin-top:42px; }
.stats-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.stats-section-heading h2 { margin:0; font-size:21px; }
.stats-chart { display:flex; align-items:flex-end; gap:4px; height:180px; border-bottom:1px solid var(--line); padding:0 4px; overflow:hidden; }
.stats-bar { display:flex; flex-direction:column; justify-content:flex-end; align-items:center; flex:1; min-width:0; height:100%; }
.stats-bar-fill { width:100%; max-width:50px; background:#8b9b81; min-height:2px; border-radius:3px 3px 0 0; }
.stats-bar-label { flex-shrink:0; height:24px; line-height:24px; font-size:11px; color:var(--muted); white-space:nowrap; }
.stats-daily-detail { background:transparent; padding:14px 0; }
.stats-daily-detail .submission-table-wrap { margin-top:16px; max-height:360px; overflow:auto; }
.stats-pages td:first-child { width:64%; }
.stats-pages td:first-child a { display:block; color:var(--green); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.stats-pages td:first-child small { display:block; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.stats-explanation { color:var(--muted); font-size:13px; line-height:1.9; border-top:1px solid var(--line); margin:32px 0 0; padding-top:22px; }
@media(max-width:850px) { .stats-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .stats-card { padding:17px 14px; } .stats-toolbar .field-help { flex-basis:100%; margin:0; } .stats-pages th,.stats-pages td { padding:12px 9px; font-size:13px; } .stats-bar-label { font-size:9px; } .stats-chart { gap:2px; } }