.web-analytics-dashboard{--wa-bg:#06111f;--wa-panel:rgba(12,29,49,.88);--wa-border:rgba(148,191,221,.15);--wa-muted:#8ca8bb;--wa-text:#eef8ff;position:relative;min-height:100%;padding:clamp(16px,2vw,34px);color:var(--wa-text);border-radius:24px;overflow:hidden;background:radial-gradient(circle at 85% 0%,rgba(56,189,248,.13),transparent 35%),radial-gradient(circle at 0 100%,rgba(124,58,237,.12),transparent 34%),linear-gradient(145deg,#071727 0%,var(--wa-bg) 60%,#071422 100%)}
.web-analytics-dashboard:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px}
.web-analytics-dashboard>*{position:relative;z-index:1}.web-analytics-dashboard:fullscreen{overflow:auto;border-radius:0}
.web-analytics-hero,.web-analytics-card-head,.web-analytics-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.web-analytics-hero{margin-bottom:18px}
.web-analytics-eyebrow,.web-analytics-card-head span{color:#7dd3fc;font-size:clamp(10px,.8vw,13px);font-weight:800;letter-spacing:.14em}
.web-analytics-eyebrow i,.web-analytics-live-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.1),0 0 18px rgba(34,197,94,.8)}
.web-analytics-hero h2{margin:6px 0 4px;color:#fff;font-size:clamp(27px,2.4vw,48px);line-height:1;letter-spacing:-.04em}.web-analytics-hero p{margin:0;color:var(--wa-muted)}
.web-analytics-toolbar{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:8px}.web-analytics-toolbar label{display:grid;gap:4px;color:var(--wa-muted);font-size:11px;font-weight:700}
.web-analytics-toolbar select,.web-analytics-toolbar button,.web-analytics-footer button{min-height:38px;padding:8px 13px;color:#dff5ff;border:1px solid rgba(125,211,252,.22);border-radius:9px;background:rgba(12,35,57,.8);font:inherit;font-weight:700;cursor:pointer}
.web-analytics-toolbar small{width:100%;color:var(--wa-muted);text-align:right}
.web-analytics-live-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:10px 15px;border:1px solid rgba(34,197,94,.18);border-radius:10px;background:rgba(9,35,40,.58)}
.web-analytics-live-strip div{display:flex;align-items:center;gap:7px;white-space:nowrap}.web-analytics-live-strip strong{color:#86efac;font-size:20px}.web-analytics-live-strip p{margin:0;color:#9ab5c5;font-size:13px;text-align:right}
.web-analytics-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:12px}.web-analytics-kpi,.web-analytics-card{border:1px solid var(--wa-border);background:linear-gradient(145deg,rgba(16,39,62,.94),rgba(7,24,41,.9));box-shadow:0 16px 45px rgba(0,0,0,.17)}
.web-analytics-kpi{position:relative;min-width:0;padding:clamp(14px,1.25vw,22px);border-radius:14px;overflow:hidden}.web-analytics-kpi:after{content:"";position:absolute;top:0;left:0;width:55%;height:2px;background:#38bdf8}
.web-analytics-kpi.violet:after{background:#a78bfa}.web-analytics-kpi.blue:after{background:#60a5fa}.web-analytics-kpi.green:after{background:#4ade80}.web-analytics-kpi.amber:after{background:#fbbf24}.web-analytics-kpi.rose:after{background:#fb7185}
.web-analytics-kpi>span{display:block;color:#9fb6c5;font-size:12px;font-weight:700}.web-analytics-kpi>strong{display:block;margin:8px 0 2px;color:#fff;font-size:clamp(25px,2vw,40px);line-height:1;letter-spacing:-.04em}.web-analytics-kpi small{color:var(--wa-muted)}
.web-analytics-kpi em{display:block;margin-top:12px;color:#93a9b8;font-size:10px;font-style:normal}.web-analytics-kpi em.positive{color:#4ade80}.web-analytics-kpi em.negative{color:#fb7185}
.web-analytics-signal-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:12px;border:1px solid var(--wa-border);border-radius:12px;overflow:hidden;background:var(--wa-border)}
.web-analytics-signal-strip>div{display:grid;gap:3px;padding:12px 16px;background:rgba(7,24,41,.95)}.web-analytics-signal-strip span{color:#8ca8bb;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.web-analytics-signal-strip strong{color:#f3fbff;font-size:21px}.web-analytics-signal-strip small{color:#648296;font-size:9px}
.web-analytics-main-grid,.web-analytics-detail-grid{display:grid;gap:12px;margin-bottom:12px}.web-analytics-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)}.web-analytics-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.web-analytics-card{min-width:0;padding:clamp(16px,1.5vw,24px);border-radius:16px}.web-analytics-card-head{margin-bottom:16px}.web-analytics-card-head h3{margin:3px 0 0;color:#f5fbff;font-size:clamp(17px,1.25vw,24px)}.web-analytics-card-head>b{color:#e6f7ff;font-size:clamp(17px,1.3vw,26px)}.web-analytics-card-head>b.live{color:#4ade80}.web-analytics-card-head>small{color:var(--wa-muted)}
.web-analytics-trend svg{display:block;width:100%;min-height:190px}.web-analytics-trend-axis{display:flex;justify-content:space-between;color:#6f8b9d;font-size:10px}.web-analytics-trend-axis strong{color:#9bb5c5}
.web-analytics-bar-row{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:9px;margin:10px 0}.web-analytics-rank{color:#557489;font-size:11px;font-weight:800;text-align:center}.web-analytics-bar-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}
.web-analytics-bar-label strong{max-width:75%;overflow:hidden;color:#bdd0dc;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.web-analytics-bar-label b{color:#f3fbff;font-size:11px}.web-analytics-bar-row i{display:block;height:5px;border-radius:10px;overflow:hidden;background:rgba(125,211,252,.08)}
.web-analytics-bar-row i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#67e8f9);box-shadow:0 0 12px rgba(56,189,248,.38)}
.web-analytics-event-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.web-analytics-event-grid>div{display:grid;min-width:0;padding:12px;border:1px solid rgba(148,191,221,.1);border-radius:10px;background:rgba(5,20,35,.45)}
.web-analytics-event-grid span{overflow:hidden;color:#9fb6c5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.web-analytics-event-grid strong{margin:5px 0;color:#fff;font-size:21px}.web-analytics-event-grid small{color:#648296}.web-analytics-empty{padding:28px 10px;color:#7693a5;text-align:center}.web-analytics-footer{margin-top:12px;color:#648296;font-size:10px}
.web-analytics-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:24px 3px 12px}.web-analytics-section-heading span{color:#7dd3fc;font-size:10px;font-weight:800;letter-spacing:.14em}.web-analytics-section-heading h3{margin:4px 0 0;color:#f5fbff;font-size:clamp(19px,1.4vw,28px)}.web-analytics-section-heading p{max-width:520px;margin:0;color:#7693a5;font-size:11px;text-align:right}
@media (min-width:1800px){.web-analytics-dashboard{padding:36px 44px}.web-analytics-kpis{gap:16px}.web-analytics-main-grid,.web-analytics-detail-grid{gap:16px}.web-analytics-card{padding:26px}}
@media (max-width:1250px){.web-analytics-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.web-analytics-signal-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.web-analytics-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.web-analytics-dashboard{padding:16px;border-radius:16px}.web-analytics-hero,.web-analytics-live-strip,.web-analytics-footer,.web-analytics-section-heading{align-items:flex-start;flex-direction:column}.web-analytics-section-heading p{text-align:left}.web-analytics-toolbar{justify-content:flex-start}.web-analytics-toolbar small,.web-analytics-live-strip p{text-align:left}.web-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.web-analytics-main-grid,.web-analytics-detail-grid{grid-template-columns:1fr}.web-analytics-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.web-analytics-kpis,.web-analytics-signal-strip{grid-template-columns:1fr}.web-analytics-toolbar button{flex:1}.web-analytics-event-grid{grid-template-columns:1fr}}