.analytics-metrics{grid-template-columns:repeat(6,1fr)}.analytics-metrics .metric{padding:18px}.analysis-filter{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:15px;box-shadow:var(--shadow)}.analysis-filter>div{margin-right:auto}.analysis-filter b,.analysis-filter span{display:block;font-size:12px}.analysis-filter span{color:var(--muted);font-size:10px;margin-top:3px}.analysis-filter label{color:var(--muted);font-size:10px;font-weight:700}.analysis-filter select{display:block;border:0;background:#f4f6f8;border-radius:7px;padding:8px 28px 8px 9px;margin-top:4px;min-width:140px;color:var(--ink)}.analysis-filter .secondary{height:38px}.insight-strip{display:flex;align-items:center;gap:12px;margin-top:15px;padding:14px 18px;border-radius:12px;color:#fff;background:linear-gradient(100deg,#1a2f48,#2459a6 70%,#306dea);box-shadow:0 12px 30px rgba(26,63,116,.2)}.insight-strip>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.14);font-weight:800;font-size:11px}.insight-strip b{font-size:12px}.insight-strip p{margin:3px 0 0;color:#cfe0f8;font-size:11px}.insight-strip>strong{margin-left:auto;font-size:11px;background:rgba(255,255,255,.12);padding:7px 10px;border-radius:99px}.chart-grid{grid-template-columns:repeat(3,1fr);margin-top:15px}.chart-wide{grid-column:span 2}.svg-chart{height:260px;padding:18px 20px}.svg-chart svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#edf0f4;stroke-width:1}.axis-label{font-size:9px;fill:#8e9aa8}.trend-line{fill:none;stroke:#2164f3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-area{fill:url(#areaGradient)}.trend-dot{fill:#fff;stroke:#2164f3;stroke-width:2}.donut-layout{display:flex;align-items:center;gap:20px;min-height:260px;padding:24px}.donut{width:145px;height:145px;border-radius:50%;position:relative;flex:none}.donut::after{content:'';position:absolute;inset:30px;background:#fff;border-radius:50%}.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:1}.donut-center b{font-size:22px}.donut-center span{font-size:9px;color:var(--muted)}.chart-legend{display:grid;gap:10px;min-width:0;flex:1}.legend-item{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;border:0;background:transparent;text-align:left;cursor:pointer;padding:0;color:var(--ink)}.legend-item i{width:7px;height:7px;border-radius:50%}.legend-item span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-item b{font-size:11px}.rank-chart{padding:17px 20px;display:grid;gap:11px;min-height:260px}.rank-row{display:grid;grid-template-columns:70px 1fr 56px;gap:9px;align-items:center;font-size:10px}.rank-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-track{height:8px;background:#edf1f5;border-radius:99px;overflow:hidden}.rank-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#2164f3,#69a0ff)}.rank-row b{text-align:right;font-size:10px}.rank-row b em{font-style:normal;color:#1aa879}.mini-bars{height:260px;padding:28px 22px 20px;display:flex;gap:14px;align-items:flex-end}.mini-bar-item{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;color:var(--muted);font-size:9px}.mini-bar-item b{color:var(--ink);font-size:11px}.mini-bar-track{height:175px;width:100%;max-width:45px;background:#f0f3f6;border-radius:7px;display:flex;align-items:flex-end;overflow:hidden}.mini-bar-fill{width:100%;min-height:3px;border-radius:7px;background:linear-gradient(#3b78f5,#205fdc)}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;min-height:260px}.quality-card{background:#f7f9fb;border-radius:10px;padding:16px;display:flex;flex-direction:column;justify-content:center}.quality-card span{color:var(--muted);font-size:10px}.quality-card b{font-size:24px;margin:6px 0}.quality-card small{color:#96a2af;font-size:9px}@media(max-width:1200px){.analytics-metrics{grid-template-columns:repeat(3,1fr)}.chart-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.analytics-metrics,.chart-grid{grid-template-columns:1fr}.chart-wide{grid-column:span 1}.analysis-filter{align-items:stretch;flex-direction:column}.analysis-filter>div{margin:0}.donut-layout{flex-direction:column}.insight-strip>strong{display:none}}