.overview-dashboard{padding:0;background:transparent;border:0}.workspace-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-panel-head h2{margin-block:0}.workspace-panel-head button{border:0;background:none;color:var(--lime)}#dashboard.has-site>.welcome{margin-bottom:14px}#dashboard.has-site>.welcome h1{font-size:clamp(2rem,4vw,3rem)}#dashboard.has-site>.grid{display:none;grid-template-columns:minmax(0,1fr);min-inline-size:0}#dashboard.has-site.managing-sites>.grid{display:grid}#dashboard.has-site #site-create-panel{padding:15px 18px;min-inline-size:0}#dashboard.has-site #site-create-panel h2{font-size:.9rem}#dashboard.has-site #sites{display:flex;gap:8px;overflow:auto;max-inline-size:100%;scrollbar-width:none}#dashboard.has-site #sites::-webkit-scrollbar,.product-nav::-webkit-scrollbar{display:none}#dashboard.has-site .site{flex:0 0 min(350px,82vw);min-inline-size:0;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#0c120f;align-items:center}#dashboard.has-site .site>span{min-inline-size:0}#dashboard.has-site .site small{display:block;max-inline-size:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dashboard.has-site #add-site-panel{display:none}#dashboard.has-site.adding-site>.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#dashboard.has-site.adding-site #add-site-panel{display:block}.workspace-bar{display:grid;grid-template-columns:minmax(210px,300px) minmax(0,1fr) auto;gap:14px;align-items:end;padding:14px 16px;margin-block:14px;background:#111a15;border:1px solid var(--line);border-radius:14px}.workspace-bar label{margin:0}.workspace-bar select{padding:10px 12px}.workspace-bar>span{align-self:center;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-bar>button{align-self:center;border:0;background:none;color:var(--lime)}.product-nav{scrollbar-width:none;max-inline-size:100%;margin-top:10px}.overview-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-block:18px}.overview-toolbar h2{font-size:clamp(1.65rem,3vw,2.45rem);margin:.15rem 0 .35rem;letter-spacing:-.035em}.overview-toolbar p{margin:0;color:var(--muted);max-width:720px}.overview-toolbar label{min-inline-size:150px}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.overview-metrics .metric{position:relative;overflow:hidden;min-inline-size:0;border:1px solid #26362e;background:linear-gradient(145deg,#111a15,#0b120e);min-block-size:118px}.overview-metrics .metric:after{content:"";position:absolute;inset:auto -30px -50px auto;width:105px;height:105px;border-radius:50%;background:color-mix(in srgb,var(--metric-color,var(--lime)) 18%,transparent);filter:blur(4px)}.overview-metrics .metric strong{font-size:clamp(1.75rem,3vw,2.4rem);letter-spacing:-.04em}.overview-metrics .metric span{display:block;margin-top:6px}.metric-delta{font-size:.74rem;color:#8be3af;margin-top:8px}.metric-delta.down{color:#ff9c8a}.overview-grid{display:grid;gap:14px;margin-top:14px}.overview-grid-primary{grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr)}.overview-grid-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-grid-bottom{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.overview-card{background:linear-gradient(145deg,#141d18,#101713);border:1px solid #29382f;border-radius:16px;padding:20px;min-inline-size:0}.card-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:18px}.card-heading span{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800;color:#7f9488}.card-heading h3{margin:4px 0 0;font-size:1.05rem}.card-heading button{border:0;background:none;color:var(--lime);font-size:.76rem;white-space:nowrap;padding:3px}.chart-shell{min-block-size:260px}.trend-svg{inline-size:100%;block-size:260px;overflow:visible}.trend-grid{stroke:#2c3932;stroke-width:1}.trend-area{fill:url(#trendFill)}.trend-line{fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-conversion{fill:#78cfff;stroke:#07100b;stroke-width:2}.trend-label{fill:#82978b;font:11px Inter,system-ui,sans-serif}.chart-legend{display:flex;gap:16px;color:var(--muted);font-size:.75rem}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.chart-empty{min-block-size:220px;display:grid;place-items:center;text-align:center;color:var(--muted)}.diagnosis-item{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.diagnosis-item:last-child{border-bottom:0}.diagnosis-rank{width:31px;height:31px;border-radius:9px;background:#253329;color:var(--lime);display:grid;place-items:center;font-weight:800}.diagnosis-item b,.diagnosis-item small{display:block}.diagnosis-item p{color:var(--muted);font-size:.8rem;line-height:1.5;margin:6px 0 0}.diagnosis-item button{margin-top:9px;border:0;background:none;color:var(--lime);padding:0;font-size:.77rem}.mini-funnel{display:grid;gap:12px}.mini-funnel-row{display:grid;grid-template-columns:minmax(92px,.8fr) minmax(90px,1.7fr) auto;align-items:center;gap:10px}.mini-funnel-row span{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-funnel-track{height:10px;border-radius:999px;background:#0a100d;overflow:hidden}.mini-funnel-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lime),#47b98b);width:var(--funnel-width)}.mini-funnel-row b{font-size:.8rem}.mini-funnel-row small{grid-column:2/-1;font-size:.69rem;color:#f5a08e}.ranked-bars{display:grid;gap:14px}.ranked-row{display:grid;grid-template-columns:minmax(75px,1fr) 2fr auto;gap:9px;align-items:center}.ranked-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.ranked-track{height:8px;border-radius:99px;background:#0a100d;overflow:hidden}.ranked-track i{display:block;height:100%;width:var(--bar-width);background:#78cfff;border-radius:inherit}.ranked-row b{font-size:.76rem}.ranked-row small{grid-column:2/-1}.interaction-list{display:grid;gap:10px}.interaction-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:10px;background:#0b120e}.interaction-index{color:#78cfff;font-weight:800;font-size:.72rem}.interaction-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.interaction-item small{grid-column:2/-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-leaks{display:grid;gap:6px}.page-leak{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(58px,.5fr));align-items:center;gap:9px;padding:11px 8px;border-bottom:1px solid var(--line)}.page-leak span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.page-leak b{font-size:.8rem}.page-leak small{font-size:.67rem}.signal-list{margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.signal-list span{display:flex;flex-direction:column;gap:3px;min-height:70px;justify-content:center}.signal-list b{font-size:1.35rem;color:#fff}.collection-health.overview-card{margin-top:14px}.overview-loading{display:grid;place-items:center;min-height:100px;color:var(--muted)}
@media (max-width:980px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid-primary,.overview-grid-bottom{grid-template-columns:1fr}.overview-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid-secondary>:last-child{grid-column:1/-1}}
@media (max-width:640px){#dashboard.has-site.adding-site>.grid{grid-template-columns:1fr}#dashboard.has-site #site-create-panel{padding:13px}#dashboard.has-site .site{flex-basis:88vw}.workspace-bar{grid-template-columns:1fr auto}.workspace-bar>span{grid-column:1/-1;grid-row:2}.overview-toolbar{align-items:stretch;flex-direction:column}.overview-toolbar label{min-inline-size:0}.overview-metrics,.overview-grid-secondary{grid-template-columns:1fr}.overview-grid-secondary>:last-child{grid-column:auto}.overview-card{padding:16px}.card-heading{align-items:flex-start}.card-heading button{white-space:normal;text-align:right}.chart-shell,.trend-svg{min-block-size:220px;block-size:220px}.page-leak{grid-template-columns:minmax(0,1fr) auto}.page-leak>:nth-child(3),.page-leak>:nth-child(4){display:none}.signal-list{grid-template-columns:1fr 1fr}.mini-funnel-row{grid-template-columns:minmax(76px,.75fr) minmax(80px,1.6fr) auto}}
@media (max-width:390px){.signal-list{grid-template-columns:1fr}.overview-metrics .metric{min-block-size:102px}.ranked-row{grid-template-columns:minmax(68px,1fr) 1.5fr auto}}
@media (prefers-reduced-motion:reduce){.overview-dashboard *{scroll-behavior:auto!important;transition-duration:.01ms!important}}
.product-nav{position:sticky;z-index:8;top:8px;padding:6px;border:1px solid #2b3b32;border-radius:13px;background:rgba(9,16,13,.92);box-shadow:0 12px 32px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.product-nav button{min-height:40px}.trend-readout{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.trend-readout>span{display:flex;gap:5px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:10px}.trend-readout b{color:#e8f0ea}.trend-readout .up b{color:var(--lime)}.trend-readout .down b{color:#ff9c8a}.trend-rate-line{fill:none;stroke:#78cfff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 4}
.session-visual-summary{display:grid;grid-template-columns:minmax(150px,1fr) repeat(2,110px) minmax(220px,1.4fr);gap:12px;margin:18px 0}.session-visual-summary>div{min-width:0;padding:14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#111a15,#0b120e)}.session-summary-stat{display:grid;gap:4px}.session-summary-stat>span,.device-mix>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.session-summary-stat b{font-size:25px}.session-ring{display:grid;place-items:center;align-content:center;border-radius:13px!important;background:radial-gradient(circle at center,#101713 46%,transparent 47%),conic-gradient(#ff9c8a var(--ring),#28362e 0)!important}.session-ring.conversion-ring{background:radial-gradient(circle at center,#101713 46%,transparent 47%),conic-gradient(var(--lime) var(--ring),#28362e 0)!important}.session-ring b{font-size:19px}.session-ring small{max-width:64px;text-align:center}.device-mix{display:grid;gap:7px}.device-mix>div{display:grid;grid-template-columns:60px 1fr 24px;align-items:center;gap:7px}.device-mix>div>small{text-transform:capitalize}.device-mix i{height:6px;border-radius:99px;background:#26332b;overflow:hidden}.device-mix i b{display:block;width:var(--device-width);height:100%;border-radius:inherit;background:#78cfff}.device-mix strong{font-size:10px;text-align:right}.session-card-list{display:grid;gap:8px}.session-card-list .session-row{padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#0c130f;transition:border-color .15s ease,background .15s ease}.session-card-list .session-row:hover{border-color:#4b6253;background:#111b15}
.page-report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.page-report-summary>div{display:grid;gap:5px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#111a15,#0b120e)}.page-report-summary span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.page-report-summary b{font-size:24px}.page-report-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-comparison{padding:18px;border:1px solid var(--line);border-radius:14px;background:#0b120e}.visual-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.visual-section-head span{color:var(--muted);font-size:10px;text-transform:uppercase}.visual-section-head h3{margin:4px 0 0}.visual-legend{display:flex;gap:12px}.visual-legend span{display:flex;align-items:center;gap:5px}.visual-legend i{width:8px;height:8px;border-radius:50%}.exit-key{background:#ff9c8a}.conversion-key{background:var(--lime)}.page-comparison>button{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,2fr) auto;align-items:center;gap:14px;width:100%;padding:11px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;text-align:left}.page-comparison>button:last-child{border-bottom:0}.page-comparison>button>span{display:grid;min-width:0;gap:3px}.page-comparison>button>span b,.page-comparison>button>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-rate-bars{display:grid;gap:5px}.page-rate-bars>i{position:relative;display:block;width:var(--rate);min-width:34px;height:13px;border-radius:4px}.page-rate-bars em{position:absolute;inset:0 4px auto auto;color:#07100b;font-size:8px;font-style:normal;font-weight:900;line-height:13px}.exit-bar{background:linear-gradient(90deg,#8e4c45,#ff9c8a)}.conversion-bar{background:linear-gradient(90deg,#55752f,var(--lime))}.page-comparison>button>strong{color:var(--lime);font-size:10px;white-space:nowrap}.report-details{margin-top:14px;border:1px solid var(--line);border-radius:12px}.report-details>summary{padding:14px 16px;cursor:pointer;font-size:12px;font-weight:800}.report-details .report-table{margin-top:0}
@media(max-width:820px){.session-visual-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.session-visual-summary .device-mix{grid-column:1/-1}.page-comparison>button{grid-template-columns:minmax(120px,.8fr) minmax(140px,1.5fr)}.page-comparison>button>strong{grid-column:1/-1}.page-report-summary{grid-template-columns:1fr}}
@media(max-width:560px){.product-nav{top:4px}.session-visual-summary{grid-template-columns:1fr 1fr}.session-summary-stat,.device-mix{grid-column:1/-1}.page-comparison{padding:12px}.visual-section-head{align-items:flex-start;flex-direction:column}.page-comparison>button{grid-template-columns:1fr}.page-rate-bars{margin-top:4px}.page-comparison>button>strong{grid-column:auto}.trend-readout>span{flex:1 1 100%}}
