.public-stats-page { background:var(--theme-bg,#f5f7f5); }
.public-stats-page .stats-link[aria-current="page"] { border-color:var(--theme-action); background:var(--theme-action); color:var(--theme-action-text); }
.public-stats-shell { max-width:1600px; margin:0 auto; padding-bottom:46px; }
.statistics-dashboard { background:transparent; }
.statistics-dashboard .summary-main { max-width:none; padding:12px 10px 24px; }
.statistics-dashboard .summary-heading { margin-bottom:17px; }
.stats-section-nav { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:22px; }
.stats-section-nav a { display:inline-flex; align-items:center; gap:7px; min-height:39px; padding:7px 13px; border:1px solid var(--dash-line); border-radius:9px; background:#fff; color:var(--dash-muted); font-size:12px; transition:background .18s,color .18s,border-color .18s; }
.stats-section-nav a:hover,.stats-section-nav a:focus-visible { border-color:var(--dash-accent); color:var(--dash-accent); }
.stats-section-nav a[aria-current] { border-color:var(--theme-accent-soft); background:var(--theme-accent-soft); color:var(--theme-accent-strong); }
.stats-section-nav svg { width:16px; height:16px; }
.statistics-dashboard .stats-hero { grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr); min-height:247px; }
.statistics-dashboard .stats-hero-aside { position:relative; z-index:1; align-self:stretch; padding:12px 0 8px 32px; border-left:1px solid #ffffff27; display:flex; flex-direction:column; justify-content:center; }
.stats-hero-visual { height:96px; display:flex; align-items:end; gap:11px; margin:17px 0 14px; }
.stats-hero-visual span { flex:1; max-width:33px; height:var(--bar-height); border-radius:5px 5px 2px 2px; background:linear-gradient(180deg,var(--theme-action),#ffffff70); opacity:.9; }
.stats-hero-visual span:nth-child(1) { --bar-height:28%; }.stats-hero-visual span:nth-child(2) { --bar-height:56%; }.stats-hero-visual span:nth-child(3) { --bar-height:43%; }.stats-hero-visual span:nth-child(4) { --bar-height:78%; }.stats-hero-visual span:nth-child(5) { --bar-height:61%; }.stats-hero-visual span:nth-child(6) { --bar-height:90%; }.stats-hero-visual span:nth-child(7) { --bar-height:72%; }
.stats-hero-aside p { color:#deeee5; font-size:10px; }.stats-hero-aside i { width:3px; height:3px; display:inline-block; vertical-align:middle; margin:0 7px; border-radius:50%; background:var(--theme-action); }
.stats-section-label { margin-top:29px; }
.statistics-dashboard .stats-kpis { grid-template-columns:repeat(5,minmax(0,1fr)); }
.statistics-dashboard .stats-kpis .summary-kpi { min-width:0; }
.statistics-dashboard .stats-kpis .kpi-number { flex-wrap:wrap; overflow-wrap:anywhere; }
.stats-section { margin-top:31px; scroll-margin-top:22px; }
.stats-section .section-label { margin-bottom:14px; }
.stats-count { padding:5px 10px; border-radius:6px; background:var(--theme-accent-soft); color:var(--theme-accent-strong); font-size:11px; white-space:nowrap; }
.stats-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.stats-panel { display:flex; flex-direction:column; min-width:0; }
.stats-panel .card-heading { align-items:flex-start; margin-bottom:16px; }
.stats-table-wrap { width:100%; overflow-x:auto; border:1px solid var(--dash-line); border-radius:9px; }
.stats-table-wrap table { width:100%; border-collapse:collapse; font-size:12px; }
.stats-table-wrap th,.stats-table-wrap td { padding:10px 14px; text-align:right; border-bottom:1px solid var(--dash-line); white-space:nowrap; }
.stats-table-wrap th:first-child,.stats-table-wrap td:first-child { text-align:left; white-space:normal; min-width:220px; }
.stats-table-wrap thead { background:#f5f8f5; color:#61766c; }
.stats-table-wrap tbody tr:last-child td { border-bottom:0; }
.stats-table-wrap tbody tr:hover { background:#f7faf8; }
.stats-meter-list { flex:1; min-height:180px; }
.stats-meter-list .admin-meter { padding:11px 0; border-bottom:1px solid var(--dash-line); }
.stats-meter-list .admin-meter:last-child { border-bottom:0; }
.stats-meter-list .admin-meter-head { display:flex; justify-content:space-between; align-items:baseline; gap:15px; font-size:11px; line-height:1.5; }
.stats-meter-list .admin-meter-head span { min-width:0; overflow-wrap:anywhere; }
.stats-meter-list .admin-meter-head b { font:600 12px "Inter",sans-serif; font-variant-numeric:tabular-nums; white-space:nowrap; }
.stats-meter-list .admin-meter-track { margin-top:8px; height:7px; border-radius:99px; overflow:hidden; background:#edf3ee; }
.stats-meter-list .admin-meter-track span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--theme-accent-strong),var(--theme-action)); }
.stats-empty,.stats-meter-list .empty { padding:24px 0; color:var(--dash-muted); font-size:12px; }
.stats-cert-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:26px; align-content:start; }
.stats-pagination { display:flex; justify-content:flex-end; align-items:center; gap:12px; padding-top:17px; margin-top:auto; border-top:1px solid var(--dash-line); font-size:11px; color:var(--dash-muted); }
.statistics-dashboard .stats-pagination button,.statistics-dashboard .stats-filter { min-height:34px; padding:5px 12px; border:1px solid #dbe5df; border-radius:7px; color:var(--dash-ink); background:#fff; font-size:11px; white-space:nowrap; }
.statistics-dashboard .stats-pagination button:hover:not(:disabled),.statistics-dashboard .stats-filter:hover { border-color:var(--dash-accent); color:var(--dash-accent); }
.statistics-dashboard .stats-pagination button:disabled { opacity:.42; cursor:not-allowed; }
.statistics-dashboard .stats-filter[aria-pressed=true] { color:var(--theme-accent-strong); background:var(--theme-accent-soft); border-color:var(--theme-accent-soft); }
.statistics-dashboard .summary-error:not([hidden]) { margin:0 0 15px; }
.stats-usage-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr); gap:18px; align-items:stretch; }
.stats-usage-grid .summary-card { min-width:0; }
.stats-usage-chart-card .card-heading { align-items:flex-start; }
.stats-period-field { display:flex; align-items:center; gap:8px; color:var(--dash-muted); font-size:11px; white-space:nowrap; }
.stats-period-field select { min-height:35px; padding:5px 26px 5px 10px; border:1px solid var(--dash-line); border-radius:8px; background:#fff; color:var(--dash-ink); font-size:12px; }
.stats-usage-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0 7px; }
.stats-usage-highlights>div { min-width:0; padding:12px 15px; border:1px solid var(--dash-line); border-radius:10px; background:#f8faf8; }
.stats-usage-highlights span { display:block; color:var(--dash-muted); font-size:11px; }
.stats-usage-highlights strong { display:inline-block; margin-top:4px; color:var(--dash-ink); font:600 25px/1.3 "Inter",sans-serif; letter-spacing:-.5px; overflow-wrap:anywhere; }
.stats-usage-highlights small { margin-left:5px; color:var(--dash-muted); font-size:10px; }
.stats-usage-chart { position:relative; height:250px; margin:7px 0 0; }
.stats-usage-chart .stats-empty { display:grid; place-items:center; height:100%; }
.statistics-dashboard .stats-usage-svg { display:block; width:100%; height:100%; overflow:visible; stroke:none; }
.stats-usage-svg .stats-chart-grid { stroke:#e7eee9; stroke-width:1; stroke-dasharray:4 6; }
.stats-usage-svg .stats-chart-area { fill:url(#statsActivityFill); }
.stats-usage-svg .stats-chart-line { fill:none; stroke:var(--theme-accent-strong); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.stats-usage-svg .stats-chart-guide { stroke:#a9c5b4; stroke-width:1; stroke-dasharray:4 5; }
.stats-usage-svg .stats-chart-dot { fill:var(--theme-accent-strong); stroke:#fff; stroke-width:3; }
.stats-usage-svg text { fill:#8a9b91; font:11px "Inter","Kanit",sans-serif; }
.stats-usage-points { position:absolute; inset:9px 1.58% 30px 5.79%; display:flex; }
.statistics-dashboard .stats-usage-points button { flex:1; min-width:0; padding:0; border:0; background:transparent; box-shadow:none; }
.statistics-dashboard .stats-usage-points button:hover,.statistics-dashboard .stats-usage-points button:focus-visible { background:color-mix(in srgb,var(--dash-accent) 9%,transparent); }
.stats-usage-chart-footer { display:flex; justify-content:space-between; gap:10px; padding-top:8px; border-top:1px solid var(--dash-line); color:var(--dash-muted); font-size:11px; }
.stats-usage-chart-footer output { color:var(--dash-ink); text-align:right; }
.stats-plan-card { display:flex; flex-direction:column; }
.stats-plan-visual { display:grid; place-items:center; flex:1; padding:18px 0; }
.stats-plan-ring { width:180px; height:180px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--theme-accent-strong) var(--approval-angle,0deg),#e9f0eb 0); transform:rotate(-90deg); box-shadow:0 14px 30px #183c2410; }
.stats-plan-ring>div { width:140px; height:140px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background:#fff; transform:rotate(90deg); }
.stats-plan-ring strong { font:600 31px/1.25 "Inter",sans-serif; letter-spacing:-1px; }
.stats-plan-ring span { color:var(--dash-muted); font-size:10px; }
.stats-plan-legend { display:grid; gap:9px; padding:0 2px 17px; }
.stats-plan-legend>div { display:flex; justify-content:space-between; gap:8px; font-size:12px; }
.stats-plan-legend span { display:flex; align-items:center; gap:8px; color:var(--dash-muted); }
.stats-plan-legend i { width:8px; height:8px; border-radius:50%; }
.stats-plan-legend strong,.stats-plan-totals strong { font:600 13px "Inter",sans-serif; font-variant-numeric:tabular-nums; }
.stats-plan-totals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding-top:17px; border-top:1px solid var(--dash-line); }
.stats-plan-totals>div { min-width:0; }
.stats-plan-totals span { display:block; color:var(--dash-muted); font-size:10px; }
.stats-plan-totals strong { display:block; margin-top:5px; font-size:16px; overflow-wrap:anywhere; }
.stats-usage-section .summary-error { margin:14px 0 0!important; }
.stats-usage-note { margin-top:11px!important; color:var(--dash-muted); font-size:10px; line-height:1.7; }
@media(max-width:1200px) { .statistics-dashboard .stats-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }.stats-grid { gap:14px; } }
@media(max-width:980px) { .stats-usage-grid { grid-template-columns:1fr; }.stats-plan-card { display:grid; grid-template-columns:minmax(180px,.8fr) minmax(0,1fr); column-gap:25px; }.stats-plan-card .card-heading,.stats-plan-totals { grid-column:1/-1; }.stats-plan-visual { grid-column:1; grid-row:2/4; }.stats-plan-legend { grid-column:2; align-self:center; } }
@media(max-width:760px) { .statistics-dashboard .stats-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.stats-grid { grid-template-columns:1fr; }.stats-cert-list { grid-template-columns:1fr; }.stats-hero-aside { display:none!important; }.statistics-dashboard .stats-hero { grid-template-columns:1fr; min-height:0; }.stats-section-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.stats-section-nav a { min-width:0; padding-inline:10px; }.stats-usage-chart-footer { flex-direction:column; }.stats-usage-chart-footer output { text-align:left; } }
@media(max-width:460px) { .statistics-dashboard .summary-main { padding-inline:0; }.statistics-dashboard .stats-kpis .kpi-number { font-size:27px; }.stats-panel { padding:17px; }.stats-panel .card-heading { flex-wrap:wrap; }.stats-pagination { gap:8px; justify-content:space-between; }.statistics-dashboard .stats-pagination button { padding:5px 8px; }.stats-section { margin-top:25px; }.statistics-dashboard .summary-heading { gap:12px; }.stats-section-nav { gap:7px; }.stats-section-nav a { font-size:11px; }.stats-usage-chart-card .card-heading { gap:9px; }.stats-period-field { width:100%; justify-content:space-between; }.stats-usage-highlights { gap:6px; }.stats-usage-highlights>div { padding:9px; }.stats-usage-highlights span { font-size:9px; }.stats-usage-highlights strong { font-size:18px; }.stats-usage-highlights small { display:block; margin:0; }.stats-usage-chart { height:220px; }.stats-usage-svg text { display:none; }.stats-plan-card { display:flex; }.stats-plan-ring { width:160px; height:160px; }.stats-plan-ring>div { width:126px; height:126px; } }
@media print { .statistics-dashboard .heading-actions,.statistics-dashboard .stats-section-nav,.statistics-dashboard .stats-pagination,.statistics-dashboard .stats-filter,.statistics-dashboard .stats-period-field,.statistics-dashboard .stats-usage-points { display:none!important; }.statistics-dashboard .summary-main { padding:0; }.statistics-dashboard .stats-section,.statistics-dashboard .stats-panel,.statistics-dashboard .stats-usage-grid { break-inside:avoid; }.stats-usage-grid { grid-template-columns:1.6fr 1fr; } }