/* Reference design is scoped to statistics; other pages retain their theme. */
[data-page-panel="analytics"],.statistics-preview{--bg:#020d10;--panel:#06171c;--card:#082027;--card2:#041318;--text:#e8efef;--muted:#9aadb7;--line:#17343d;--line-soft:#102b33;--accent:#20d995;--accent-strong:#20d995;--accent-ink:#002219;color:var(--text);background:radial-gradient(ellipse at top right,#07312d55,transparent 55%),var(--bg);font-family:'DM Sans',sans-serif}
[data-page-panel="analytics"] h2,.statistics-preview h1,.statistics-preview h2{font-family:inherit;font-weight:700;letter-spacing:-.035em}
[data-page-panel="analytics"] .eyebrow{color:var(--accent)}
#anBody{display:grid;gap:12px}#anBody .stats-grid{margin:0;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}#anBody .stat-card{min-height:100px;padding:16px;border-radius:10px;background:linear-gradient(145deg,#09252a,#051318);border-color:var(--line)}#anBody .stat-card:after{display:none}#anBody .stat-card strong{font-family:inherit;font-size:1.55rem;color:var(--text);margin-top:12px;font-weight:700}#anBody .stat-label{font-size:.75rem;letter-spacing:0;text-transform:none}#anBody .an-highlights{grid-template-columns:repeat(3,minmax(0,1fr));order:-3}#anBody .an-highlights .stat-card:before{content:'';display:block;width:16px;height:16px;border:2px solid var(--accent);border-radius:4px;margin-bottom:10px}#anBody .an-highlights .stat-card:nth-child(2):before{border-color:#26bcf5}#anBody .an-highlights .stat-card:nth-child(3):before{border-color:#f26585}#anBody .an-highlights .stat-card:nth-child(3) strong{color:#f26585}
.an-chart-panel,.an-rank-panel{background:linear-gradient(140deg,#061b20,#041115);border:1px solid var(--line);border-radius:10px;padding:14px}.an-chart-panel{order:-2}.an-chart-panel h4,.an-rank-panel h4{margin:0 0 12px;font-size:.9rem}.an-chart svg{display:block;width:100%;max-height:260px;color:var(--muted)}.an-rank-content{display:flex;align-items:center;gap:24px}.an-donut{width:110px;height:110px;border-radius:50%;position:relative;flex-shrink:0}.an-donut:after{content:'';position:absolute;inset:20px;background:#05171b;border-radius:50%}.an-rank-content ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.8rem;color:var(--muted)}.an-rank-content li{display:flex;align-items:center;gap:8px}.an-rank-content li i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.an-rank-content li strong{color:var(--text)}#anBody .an-table-wrap{border:1px solid var(--line);border-radius:10px;background:var(--panel)}#anBody .an-bars{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.statistics-preview select{padding:9px 12px;border:1px solid var(--line);background:var(--card2);color:var(--text);border-radius:8px}[data-page-panel="analytics"] .btn.gold{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
@media(max-width:600px){#anBody .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#anBody .an-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}#anBody .an-highlights .stat-card{padding:10px;min-height:108px}#anBody .an-highlights strong{font-size:1.05rem}#anBody .stat-card strong{font-size:1.35rem}.an-filters{gap:8px}.an-filters label{flex:1 1 120px;min-width:0}.an-filters input,.an-filters select{width:100%;min-width:0}.an-rank-content{gap:16px}.an-donut{width:95px;height:95px}}

#anBody .an-rank-panel{order:-1}#anBody .stat-card strong{overflow-wrap:anywhere}
/* Compact reference layout at every viewport width. */
[data-page-panel="analytics"] .page-heading{margin-bottom:14px;gap:12px;align-items:center}[data-page-panel="analytics"] .page-heading h2{font-size:1.35rem}[data-page-panel="analytics"] .page-heading .eyebrow{display:none}
#anBody .an-highlights{gap:7px}#anBody .an-highlights .stat-card{min-height:96px;padding:11px 10px;border-radius:8px}#anBody .an-highlights .stat-card strong{font-size:clamp(1rem,2vw,1.45rem);margin-top:5px;line-height:1.2}#anBody .an-highlights .stat-label{font-size:.72rem}#anBody .an-highlights .stat-card:before{margin:0 0 8px;width:18px;height:18px;border:0;border-radius:0;background:var(--accent);clip-path:polygon(12% 15%,30% 15%,30% 0,40% 0,40% 15%,65% 15%,65% 0,75% 0,75% 15%,90% 15%,90% 100%,12% 100%,12% 85%,80% 85%,80% 40%,22% 40%,22% 85%,12% 85%)}#anBody .an-highlights .stat-card:nth-child(2):before{background:#26bcf5;clip-path:polygon(0 65%,32% 35%,55% 48%,80% 15%,65% 15%,65% 0,100% 0,100% 35%,85% 35%,85% 25%,58% 65%,33% 53%,10% 78%)}#anBody .an-highlights .stat-card:nth-child(3):before{background:#f26585;clip-path:polygon(30% 0,70% 0,70% 40%,60% 50%,85% 65%,100% 100%,0 100%,15% 65%,40% 50%,30% 40%)}
#anBody .an-chart-panel,#anBody .an-rank-panel{padding:11px;border-radius:9px}#anBody .an-chart-panel h4,#anBody .an-rank-panel h4{font-size:.82rem;margin-bottom:9px}#anBody .an-chart svg{max-height:210px}#anBody .an-rank-content{gap:18px}#anBody .an-donut{width:92px;height:92px}#anBody .an-donut:after{inset:18px}#anBody .an-rank-content ol{gap:6px;font-size:.73rem}#anBody .an-rank-content li{gap:6px}#anBody .an-rank-content li i{width:7px;height:7px}
@media(max-width:600px){#anBody{gap:9px}#anBody .an-highlights .stat-card{min-height:91px;padding:9px 8px}#anBody .an-highlights .stat-card strong{font-size:1.05rem}#anBody .an-highlights .stat-label{font-size:.65rem}#anBody .an-chart svg{max-height:165px}.an-filters{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--card2)}}
#anBody .an-highlights .stat-card:before{display:none}#anBody .an-highlights .stat-card .an-highlight-icon{display:block;width:20px;height:20px;margin:0 auto 8px;color:var(--accent)}#anBody .an-highlights .stat-card .an-highlight-icon--revenue{color:#26bcf5}#anBody .an-highlights .stat-card .an-highlight-icon--person{color:#f26585}#anBody .an-highlights .stat-card strong{display:block;margin-top:0;margin-bottom:4px}#anBody .an-highlights .stat-card .stat-label{display:block}