.analytics-page{--analytics-sky:#38bdf8;--analytics-blue:#0ea5e9;--analytics-purple:#c084fc;--analytics-violet:#8b5cf6;--analytics-teal:#2dd4bf;--analytics-emerald:#10b981;--analytics-sun:#facc15;--analytics-surface:var(--paper);--analytics-text:var(--ink);--analytics-muted:color-mix(in srgb, var(--ink) 60%, var(--paper));--analytics-border:color-mix(in srgb, var(--ink) 15%, var(--paper));--background:var(--analytics-surface);--foreground:var(--analytics-text);--primary:var(--analytics-blue);--primary-foreground:var(--ink);--muted-foreground:var(--analytics-muted);--border:var(--analytics-border);--input:var(--analytics-border);--accent:color-mix(in srgb, var(--analytics-sky) 15%, var(--paper));--ring:var(--analytics-blue);background:var(--analytics-surface);color:var(--analytics-text);min-height:100dvh;font-family:Jost,Heebo,sans-serif}.analytics-inner{max-width:1480px;margin:auto;padding:32px 28px 60px}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.analytics-header h1{font-size:32px;font-weight:600}.analytics-caption{color:var(--analytics-muted);font-size:12px}.analytics-toolbar{border-block:1px solid var(--analytics-border);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:14px 0;display:flex}.analytics-toolbar label{align-items:center;gap:8px;font-size:13px;display:flex}.analytics-toolbar input[type=date]{border:1px solid var(--analytics-border);background:var(--analytics-surface);border-radius:6px;max-width:150px;padding:7px}.analytics-segments{flex-wrap:wrap;gap:3px;display:flex}.analytics-segments button{min-height:36px;font-size:12px}.analytics-segments button[aria-pressed=true]{background:var(--accent);color:var(--analytics-text);box-shadow:inset 0 -2px var(--analytics-blue)}.analytics-panel{border-top:1px solid var(--analytics-border);min-width:0;padding-block:24px}.analytics-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.analytics-panel h2{font-size:19px;font-weight:600}.analytics-panel h3{font-size:14px;font-weight:600}.analytics-kpis{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:8px 0 26px;display:grid}.analytics-kpis article{border:1px solid var(--analytics-border);background:color-mix(in srgb, var(--analytics-sky) 3%, var(--analytics-surface));border-radius:8px;padding:16px 14px}.analytics-kpis h2{color:var(--analytics-muted);min-height:36px;font-size:12px}.analytics-kpis strong{font-variant-numeric:tabular-nums;margin-bottom:9px;font-size:29px;font-weight:600;display:block}.analytics-kpis span{border-radius:4px;padding:3px 5px;font-size:10px;display:inline-block}.analytics-delta-up{background:color-mix(in srgb, var(--analytics-emerald) 15%, var(--paper))}.analytics-delta-down{background:color-mix(in srgb, var(--analytics-purple) 18%, var(--paper))}.analytics-delta-neutral{color:var(--analytics-muted)}.analytics-live-badge{background:color-mix(in srgb, var(--analytics-emerald) 12%, var(--paper));border-radius:20px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.analytics-live-badge i{background:var(--analytics-emerald);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite analytics-pulse}@keyframes analytics-pulse{50%{opacity:.45}}.analytics-active-pages,.analytics-country-strip{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.analytics-active-pages span,.analytics-country-strip span{border:1px solid var(--analytics-border);border-radius:20px;padding:4px 10px;font-size:12px}.analytics-live-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:28px;display:grid}.analytics-feed{max-height:300px;overflow:auto}.analytics-feed h3{margin-bottom:10px}.analytics-feed li{border-bottom:1px solid var(--analytics-border);gap:8px;padding:9px 0;font-size:13px;display:flex}.analytics-feed i{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.analytics-visit-dot{background:var(--analytics-sky)}.analytics-click-dot{background:var(--analytics-purple)}.analytics-page small{color:var(--analytics-muted);overflow-wrap:anywhere;font-size:11px;display:block}.analytics-table-scroll{max-height:420px;overflow:auto}.analytics-page table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.analytics-page th{color:var(--analytics-muted);white-space:nowrap;font-size:11px;font-weight:500}.analytics-page td,.analytics-page th{border-bottom:1px solid var(--analytics-border);padding:10px 10px 10px 0}.analytics-page td{overflow-wrap:anywhere;max-width:300px}.analytics-page a:hover{text-decoration:underline}.analytics-chart{width:100%;min-width:0;height:290px}.analytics-columns{grid-template-columns:1fr 1fr;gap:36px;display:grid}.analytics-breakdown{max-height:350px;overflow:auto}.analytics-breakdown li{padding:8px 0}.analytics-breakdown li>div{justify-content:space-between;gap:10px;font-size:13px;display:flex}.analytics-count{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.analytics-breakdown progress{appearance:none;background:var(--accent);border:0;border-radius:3px;width:100%;height:4px;margin:6px 0;display:block}.analytics-breakdown progress::-webkit-progress-bar{background:var(--accent);border-radius:3px}.analytics-breakdown progress::-webkit-progress-value{background:var(--analytics-blue);border-radius:3px}.analytics-breakdown li:nth-child(3n+2) progress::-webkit-progress-value{background:var(--analytics-emerald)}.analytics-breakdown li:nth-child(3n) progress::-webkit-progress-value{background:var(--analytics-violet)}.analytics-breakdown progress::-moz-progress-bar{background:var(--analytics-blue)}.analytics-subheading{margin:22px 0 10px}.analytics-empty{color:var(--analytics-muted);padding:25px 0;font-size:13px}.analytics-tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.analytics-tech-grid h3{margin-bottom:10px}@media (width<=1100px){.analytics-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.analytics-inner{padding:24px 16px 40px}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-live-grid,.analytics-columns{grid-template-columns:1fr;gap:0}.analytics-tech-grid{grid-template-columns:1fr 1fr;gap:20px}.analytics-header h1{font-size:27px}.analytics-live-badge{font-size:11px}.analytics-chart{height:250px}}@media (prefers-reduced-motion:reduce){.analytics-live-badge i{animation:none}}