.analytics-view{padding-bottom:40px}
.analytics-shell{display:grid;gap:20px}
.analytics-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(135deg,rgba(220,5,45,.14),rgba(0,102,178,.08)),#0b1421}
.analytics-hero h2{font-size:32px;margin:6px 0 8px}
.analytics-hero p{margin:0;color:#9eabc0;max-width:720px}
.analytics-eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;color:#ed6b82}
.analytics-actions{display:flex;align-items:end;gap:10px}
.analytics-actions label{display:grid;gap:6px;color:#9eabc0;font-size:12px}
.analytics-actions select{min-width:130px}
.analytics-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0c1522}
.analytics-tab{border:0;background:transparent;color:#aeb8c8;padding:11px 16px;border-radius:12px;font-weight:800}
.analytics-tab:hover{background:rgba(255,255,255,.06);color:#fff}
.analytics-tab.active{background:var(--red,#dc052d);color:#fff}
.analytics-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.analytics-kpi,.analytics-card{border:1px solid rgba(255,255,255,.08);background:#0c1522;border-radius:18px}
.analytics-kpi{padding:18px;min-height:118px}
.analytics-kpi small{display:block;color:#8290a5;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.analytics-kpi strong{display:block;font-size:26px;margin:12px 0 5px;color:#fff}
.analytics-kpi span{font-size:12px;color:#65748a}
.analytics-main-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.75fr);gap:16px}
.analytics-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px}
.analytics-card{padding:20px}
.analytics-card-head{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:18px}
.analytics-card-head h3{margin:5px 0 0;font-size:19px}
.analytics-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}
.analytics-badge.ok{color:#5ee7a0;background:rgba(32,197,111,.12)}
.analytics-badge.warn{color:#ffd36a;background:rgba(245,181,45,.12)}
.analytics-badge.pending{color:#aeb8c8;background:rgba(255,255,255,.06)}
.analytics-chart{height:280px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.09);border-radius:15px;background:rgba(0,0,0,.12)}
.analytics-chart-empty,.analytics-empty{color:#728197;text-align:center;padding:28px}
.analytics-source-list{display:grid;gap:10px}
.analytics-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(0,0,0,.13)}
.analytics-source-row div{display:grid;gap:3px}
.analytics-source-row small{color:#6f7e92}
.analytics-table-wrap{overflow:auto}
.analytics-table{width:100%;border-collapse:collapse}
.analytics-table th,.analytics-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;font-size:13px}
.analytics-table th{color:#728197;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.analytics-table a{color:#fff;text-decoration:none;font-weight:700}
.analytics-table a:hover{color:#ed6b82}
.analytics-muted,.analytics-help{color:#6f7e92;font-size:12px}
.analytics-acquisition{display:grid;gap:15px}
.analytics-acquisition-row>div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}
.analytics-acquisition-row i{height:7px;display:block;background:#172233;border-radius:999px;overflow:hidden}
.analytics-acquisition-row em{height:100%;display:block;background:var(--red,#dc052d)}
.analytics-insights{display:grid;grid-template-columns:220px 1fr;gap:24px;background:linear-gradient(135deg,rgba(220,5,45,.12),#0c1522)}
.analytics-insights h3{margin:5px 0 0}
.analytics-insights p{color:#aab5c6;line-height:1.6;margin:0 0 8px}
@media(max-width:1250px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}.analytics-main-grid,.analytics-detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){.analytics-hero{align-items:stretch;flex-direction:column}.analytics-actions{align-items:stretch}.analytics-kpis{grid-template-columns:repeat(2,1fr)}.analytics-insights{grid-template-columns:1fr}}