:root{color-scheme:light;--bg:#f3f4f6;--surface:#fff;--surface-2:#f8f9fb;--surface-hover:#f0f2f5;--sidebar:#fff;--text:#22252b;--text-2:#555c67;--muted:#7b828d;--faint:#9ba1aa;--border:#e7e9ed;--border-strong:#d9dde3;--accent:#536d68;--accent-soft:#eaf0ee;--accent-text:#405b56;--blue:#667eab;--violet:#8580ad;--teal:#5c9690;--green:#628e73;--amber:#b08b53;--red:#ba6969;--shadow:0 2px 10px rgba(26,34,43,.035);--radius:12px;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
[data-theme="dark"]{color-scheme:dark;--bg:#17191d;--surface:#202328;--surface-2:#24272d;--surface-hover:#2a2e34;--sidebar:#1c1f24;--text:#e7e9ec;--text-2:#c0c4cb;--muted:#9ba1ab;--faint:#7c838e;--border:#30343b;--border-strong:#41464f;--accent:#94aaa4;--accent-soft:#293632;--accent-text:#b5c9c3;--blue:#8aa3d1;--violet:#aaa5d1;--teal:#78b0aa;--green:#8db99a;--amber:#d1ac70;--red:#dc8e8e;--shadow:0 2px 12px rgba(0,0,0,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,select{font:inherit;color:inherit}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.tiny{width:14px;height:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}
.app-shell{min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;z-index:30;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:25px 15px 14px;transition:transform .22s ease}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 25px}.brand-mark{width:29px;height:29px;border:1.5px solid var(--accent);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-4deg)}.brand-mark span{width:3px;border-radius:4px;background:var(--accent)}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px}.brand-name{font-size:19px;font-weight:700;letter-spacing:-.9px;line-height:1}.brand-dot{color:var(--accent)}.brand-name small{display:block;font-size:8px;letter-spacing:1.65px;color:var(--muted);font-weight:700;margin-top:5px}.workspace-switcher{height:57px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:28px;background:var(--surface-2)}.workspace-avatar{width:34px;height:34px;border-radius:8px;background:#dfe7e5;color:#455e59;font-weight:700;display:grid;place-items:center}.workspace-copy,.profile-copy{display:flex;flex-direction:column;min-width:0;flex:1}.workspace-copy strong,.profile-copy strong{font-size:12px;font-weight:600}.workspace-copy span,.profile-copy small{font-size:10px;color:var(--muted);margin-top:2px}.workspace-switcher>.icon{color:var(--muted);transform:rotate(90deg)}.nav-label{display:block;color:var(--faint);font-size:9px;font-weight:700;letter-spacing:1.1px;padding:0 12px 10px}.primary-nav{display:flex;flex-direction:column;gap:3px}.nav-link{height:41px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:8px;color:var(--text-2);font-size:12px;font-weight:500;transition:background .16s,color .16s}.nav-link:hover{background:var(--surface-hover);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.nav-link .icon{width:17px;height:17px;color:var(--muted)}.nav-link.active .icon{color:var(--accent)}.nav-count{margin-left:auto;padding:2px 7px;border-radius:20px;background:var(--surface);font-size:10px;color:var(--muted)}.nav-soon{margin-left:auto;font-size:9px;color:var(--faint);border:1px solid var(--border);padding:2px 5px;border-radius:4px}.sidebar-bottom{margin-top:auto}.data-health{border:1px solid var(--border);border-radius:8px;padding:11px 9px;display:flex;align-items:center;gap:8px;margin-bottom:14px}.health-indicator,.live-status>span{height:7px;width:7px;border-radius:50%;background:#6e9c7b;box-shadow:0 0 0 3px color-mix(in srgb,#6e9c7b 13%,transparent);flex:none}.data-health>span:nth-child(2){flex:1;display:flex;flex-direction:column}.data-health strong{font-size:10px;font-weight:600}.data-health small{font-size:9px;color:var(--muted);margin-top:3px}.data-health>.icon{color:var(--faint);transform:rotate(90deg)}.profile-button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:left;padding:8px 4px}.profile-avatar{width:31px;height:31px;display:grid;place-items:center;background:#e8e5df;color:#675d4d;border-radius:50%;font-size:10px;font-weight:700}.profile-button>.icon{color:var(--muted)}
.main-area{margin-left:244px;min-height:100vh}.topbar{height:62px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs,.topbar-actions{display:flex;align-items:center;gap:12px}.breadcrumbs{color:var(--muted);font-size:11px}.breadcrumbs .icon{color:var(--faint)}.breadcrumbs strong{color:var(--text-2);font-weight:600}.topbar-actions{gap:17px}.live-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.live-status>span{width:6px;height:6px}.icon-button{border:0;background:transparent;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:var(--text-2);transition:background .16s}.icon-button:hover{background:var(--surface-hover)}.theme-toggle{border:1px solid var(--border);width:34px;height:34px}.theme-toggle .icon{width:16px;height:16px}.help-button{border:0;background:none;color:var(--text-2);font-size:11px;display:flex;align-items:center;gap:8px}.help-button span{border:1px solid var(--border-strong);color:var(--muted);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px}.mobile-menu{display:none}.page-content{max-width:1510px;margin:0 auto;padding:31px 38px 24px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:21px}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.1px;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow-line{height:1px;width:17px;background:var(--accent)}h1{font-size:26px;letter-spacing:-.8px;margin:8px 0 4px;font-weight:650;line-height:1.15}#page-subtitle{margin:0;color:var(--muted);font-size:12px}.heading-actions{display:flex;align-items:center;gap:9px}.select-wrap{height:36px;position:relative;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);color:var(--text-2)}.select-wrap>.icon{width:15px;height:15px;color:var(--muted)}.select-wrap select{appearance:none;border:0;outline:0;background:transparent;padding-right:15px;cursor:pointer;font-size:11px;min-width:116px}.select-wrap:after{content:'';position:absolute;right:11px;top:14px;width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);pointer-events:none}.period-control{height:36px;display:flex;align-items:center;border:1px solid var(--border);border-radius:7px;padding:3px;background:var(--surface-2)}.period-option{border:0;background:transparent;color:var(--muted);font-size:10px;padding:7px 10px;border-radius:5px;white-space:nowrap}.period-option:hover{color:var(--text)}.period-option.selected{color:var(--text);background:var(--surface);box-shadow:0 1px 3px rgba(18,25,33,.09);font-weight:600}.button{height:36px;padding:0 12px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:600;transition:background .16s,border-color .16s}.button-secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-2)}.button-secondary:hover{background:var(--surface-hover)}.button .icon{width:14px;height:14px}.demo-notice{min-height:39px;display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--amber) 30%,var(--border));background:color-mix(in srgb,var(--amber) 7%,var(--surface));border-radius:8px;padding:8px 11px;margin-bottom:16px;color:var(--text-2);font-size:10px}.demo-notice strong{color:var(--text);font-weight:650}.demo-icon{height:16px;width:16px;border:1px solid var(--amber);color:var(--amber);border-radius:50%;display:grid;place-items:center;font-family:serif;font-style:italic;font-size:10px;flex:none}.demo-notice>span:nth-child(2){flex:1}.demo-notice button{border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;padding:2px 5px;border-radius:4px}.demo-notice button:hover{background:var(--surface-hover)}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card{min-height:136px;padding:15px 15px 12px;position:relative;overflow:hidden}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--text-2);font-size:10px;font-weight:500}.metric-symbol{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;flex:none}.metric-symbol .icon{width:14px;height:14px}.symbol-blue{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,var(--surface))}.symbol-violet{color:var(--violet);background:color-mix(in srgb,var(--violet) 12%,var(--surface))}.symbol-teal{color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,var(--surface))}.symbol-amber{color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--surface))}.symbol-green{color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--surface))}.active-dot{height:7px;width:7px;background:var(--amber);border-radius:50%}.metric-value{font-family:var(--mono);font-size:26px;letter-spacing:-1.5px;font-weight:600;margin-top:12px;font-variant-numeric:tabular-nums}.metric-foot{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;margin-top:5px}.trend{font-weight:600;font-size:9px}.trend.positive{color:var(--green)}.metric-neutral{color:var(--muted)}.sparkline{position:absolute;width:62px;height:25px;right:13px;bottom:12px;opacity:.9}.sparkline svg{width:100%;height:100%;overflow:visible}.sparkline path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.spark-blue{color:var(--blue)}.spark-violet{color:var(--violet)}.spark-teal{color:var(--teal)}.spark-amber{color:var(--amber)}.spark-green{color:var(--green)}
.dashboard-grid{display:grid;gap:14px;margin-bottom:14px}.primary-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr)}.secondary-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.9fr)}.bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr)}.panel{min-width:0;padding:18px 19px}.chart-panel,.funnel-panel{min-height:337px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-heading h2{font-size:13px;font-weight:650;letter-spacing:-.15px;margin:0}.panel-heading p{font-size:10px;color:var(--muted);margin:4px 0 0}.panel-title-row{display:flex;align-items:center;gap:9px}.subtle-badge{display:flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid var(--border);border-radius:20px;color:var(--muted);font-size:9px}.subtle-badge>span{height:5px;width:5px;border-radius:50%;background:var(--green)}.panel-menu{width:27px;height:27px;color:var(--muted)}.text-button{border:0;background:transparent;color:var(--accent-text);font-size:10px;font-weight:600;display:inline-flex;align-items:center;gap:3px;padding:4px 0;white-space:nowrap}.text-button:hover{color:var(--accent)}.text-button .icon{width:12px;height:12px}.chart-legend{display:flex;align-items:center;gap:17px;margin-top:19px}.legend-item{border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:0;color:var(--muted);font-size:9px;cursor:pointer;opacity:.52;transition:opacity .15s}.legend-item.is-active{opacity:1;color:var(--text-2)}.legend-dot{width:7px;height:7px;border-radius:2px}.legend-dot.blue{background:var(--blue)}.legend-dot.violet{background:var(--violet)}.legend-dot.teal{background:var(--teal)}.chart-wrap{height:194px;width:100%;margin-top:7px;overflow:hidden}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-gridline{stroke:var(--border);stroke-width:1;stroke-dasharray:3 5}.chart-y-label,.chart-x-label{fill:var(--muted);font-family:var(--font);font-size:9px}.chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s}.chart-line.visitors{stroke:var(--blue)}.chart-line.installs{stroke:var(--violet)}.chart-line.opens{stroke:var(--teal)}.chart-area{opacity:.07}.chart-foot{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;border-top:1px solid var(--border);padding-top:10px}.chart-foot span:first-child{display:flex;align-items:center;gap:4px}.chart-foot .icon{color:var(--faint)}
.funnel-list{margin-top:21px;display:flex;flex-direction:column;gap:12px}.funnel-row{display:grid;grid-template-columns:91px minmax(35px,1fr) 52px;align-items:center;gap:9px}.funnel-label{font-size:10px;color:var(--text-2);white-space:nowrap}.funnel-track{height:8px;background:var(--surface-hover);border-radius:20px;overflow:hidden}.funnel-fill{height:100%;border-radius:20px;background:var(--accent);transform-origin:left;transition:width .3s ease}.funnel-row:nth-child(2) .funnel-fill{opacity:.83}.funnel-row:nth-child(3) .funnel-fill{opacity:.67}.funnel-row:nth-child(4) .funnel-fill{opacity:.5}.funnel-numbers{text-align:right;font:10px var(--mono);font-variant-numeric:tabular-nums}.funnel-numbers small{font-family:var(--font);font-size:9px;color:var(--muted);display:block;margin-top:2px}.funnel-note{margin-top:20px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;display:flex;align-items:flex-start;gap:8px;font-size:9px;color:var(--muted)}.funnel-note strong{color:var(--accent-text);font-weight:700}.note-mark{color:var(--green);font-size:13px;font-weight:700;line-height:1}
.language-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.language-row{display:grid;grid-template-columns:28px 74px 1fr 73px;align-items:center;gap:9px}.language-symbol{width:27px;height:27px;border-radius:7px;background:var(--surface-hover);display:grid;place-items:center;font:10px var(--mono);font-weight:600;color:var(--text-2)}.language-name{display:flex;flex-direction:column}.language-name strong{font-size:10px;font-weight:600}.language-name small{font-size:9px;color:var(--muted);margin-top:2px}.language-track{height:6px;border-radius:8px;background:var(--surface-hover);overflow:hidden}.language-fill{height:100%;border-radius:8px;background:var(--accent)}.language-row:nth-child(2) .language-fill{opacity:.75}.language-row:nth-child(3) .language-fill{opacity:.58}.language-row:nth-child(4) .language-fill{opacity:.42}.language-stats{text-align:right}.language-stats strong{font:10px var(--mono);font-weight:600}.language-stats small{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:var(--muted);font-size:8px;margin-top:3px}.confidence-mark{height:6px;width:6px;border-radius:50%;display:inline-block}.confidence-mark.high{background:var(--green)}.confidence-mark.medium{background:var(--amber)}.confidence-legend{display:flex;align-items:center;gap:6px;border-top:1px solid var(--border);padding-top:11px;margin-top:16px;color:var(--muted);font-size:8px}.confidence-legend .confidence-mark:nth-of-type(2){margin-left:8px}.info-button{height:15px;width:15px;border-radius:50%;border:1px solid var(--border-strong);color:var(--muted);background:transparent;font-size:9px;font-family:serif;font-style:italic;margin-left:auto;cursor:help}.period-mini{border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-2);font-size:9px;padding:6px 8px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.period-mini .icon{width:11px;height:11px;color:var(--muted);transform:rotate(90deg)}.retention-bars{margin-top:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;height:137px}.retention-column{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.retention-value{font:10px var(--mono);font-weight:600;color:var(--text-2)}.retention-bar-wrap{height:90px;display:flex;align-items:flex-end}.retention-bar{width:31px;border-radius:5px 5px 2px 2px;background:var(--accent);opacity:.84;min-height:7px;transition:height .3s ease}.retention-column:nth-child(2) .retention-bar{opacity:.74}.retention-column:nth-child(3) .retention-bar{opacity:.64}.retention-column:nth-child(4) .retention-bar{opacity:.54}.retention-column:nth-child(5) .retention-bar{opacity:.44}.retention-label{color:var(--muted);font-size:9px}.retention-caption{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px;margin-top:14px;color:var(--muted);font-size:9px}
.table-panel{padding-bottom:7px}.table-scroll{overflow-x:auto;margin:15px -19px 0}.table-scroll table{width:100%;border-collapse:collapse;white-space:nowrap}.table-scroll th{height:33px;background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0 12px;text-align:right;color:var(--muted);font-weight:500;font-size:9px}.table-scroll th:first-child,.table-scroll td:first-child{text-align:left;padding-left:19px}.table-scroll th:last-child,.table-scroll td:last-child{padding-right:19px}.table-scroll td{height:51px;border-bottom:1px solid var(--border);padding:0 12px;text-align:right;font-size:10px;color:var(--text-2)}.table-scroll tr:last-child td{border-bottom:0}.app-name-cell{display:flex;align-items:center;gap:9px}.app-icon{height:27px;width:27px;border-radius:7px;display:grid;place-items:center;font-size:10px;font-weight:700}.app-icon.atlas{background:#e4e9e7;color:#536862}.app-icon.north{background:#e8e6ef;color:#706987}.app-icon.orbit{background:#e9e5df;color:#817151}.app-icon.field{background:#e2e8e8;color:#547678}.app-name-copy{display:flex;flex-direction:column;text-align:left}.app-name-copy strong{color:var(--text);font-size:10px;font-weight:600}.app-name-copy small{font-size:9px;color:var(--muted);margin-top:2px}.mono-cell{font-family:var(--mono);font-size:10px;font-variant-numeric:tabular-nums}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 7px;background:var(--accent-soft);color:var(--accent-text);font-size:8px;font-weight:600}.status-pill>span{height:5px;width:5px;background:var(--green);border-radius:50%}.event-list{display:flex;flex-direction:column;margin-top:11px}.event-row{min-height:44px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border)}.event-row:last-child{border-bottom:0}.event-icon{width:25px;height:25px;border-radius:7px;background:var(--surface-hover);display:grid;place-items:center;color:var(--accent)}.event-icon .icon{width:13px;height:13px}.event-copy{min-width:0;flex:1;display:flex;flex-direction:column}.event-copy strong{font-size:9px;font-weight:600}.event-copy small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.event-time{font:8px var(--mono);color:var(--muted);white-space:nowrap}.page-footer{display:flex;justify-content:space-between;color:var(--faint);font-size:9px;padding:6px 2px 0}.footer-separator{padding:0 4px;color:var(--border-strong)}
.page-view-message{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:34px;box-shadow:var(--shadow)}.page-view-message h2{margin:0 0 7px;font-size:16px}.page-view-message p{color:var(--muted);font-size:12px;max-width:550px}.mini-table{width:100%;border-collapse:collapse;margin-top:20px}.mini-table th,.mini-table td{padding:11px 10px;border-bottom:1px solid var(--border);text-align:left;font-size:11px}.mini-table th{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--surface-2)}.empty-state{padding:24px;text-align:center;color:var(--muted);font-size:12px}.sidebar-scrim{display:none}
.stats-toolbar{padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.stats-filter-row,.stats-period-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.stats-period-row{align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.stats-field{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px;min-width:105px}.stats-field input,.stats-field select{height:35px;min-width:100px;padding:0 9px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:11px}.stats-field input:focus,.stats-field select:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.stats-search{flex:1;min-width:220px}.stats-search input{width:100%}.stats-date-caption{margin:0 auto 8px 4px;color:var(--muted);font-size:10px}.stats-table-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:24px}.stats-table-heading h2{margin:0;font-size:15px}.stats-table-heading p,.stats-data-note{margin:4px 0 0;color:var(--muted);font-size:10px}.stats-data-note{margin-bottom:3px}.stats-table-scroll{border:1px solid var(--border);border-radius:8px;margin-top:12px}.stats-table{min-width:1520px;margin:0}.stats-table th,.stats-table td{white-space:nowrap;padding:10px 9px}.stats-table thead tr.group-row th{background:var(--surface);color:var(--accent-text);border-bottom:1px solid var(--border);font-size:9px}.stats-table thead tr:not(.group-row) th{position:sticky;top:0;z-index:1}.stats-table td{font-variant-numeric:tabular-nums}.stats-table td:first-child{font-family:var(--mono);font-size:10px;color:var(--accent-text)}.stats-table .cell-secondary{display:block;margin-top:3px;color:var(--muted);font-size:9px}.stats-footnote{margin:10px 1px 0!important;max-width:none!important;font-size:10px!important}.stats-table .empty-state{white-space:normal}
.dashboard-grid[hidden],.metric-grid[hidden]{display:none}body[data-view="statistics"] .heading-actions>.period-control,body[data-view="statistics"] .heading-actions>.export-button{display:none}.stats-table{min-width:1720px}
/* Full-viewport page canvas and a compact, expandable statistics table. */
.page-content{width:100%;max-width:none;margin:0}.page-view-message .table-scroll{overflow:visible;margin-left:0;margin-right:0}.page-view-message .mini-table{table-layout:fixed;white-space:normal}.page-view-message .mini-table th,.page-view-message .mini-table td{overflow-wrap:anywhere}
.stats-table-scroll{overflow:visible;margin:12px 0;border:0}.stats-table{width:100%;min-width:0;table-layout:fixed}.stats-table th,.stats-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.stats-table th{font-size:10px;padding:10px 8px}.stats-table td{font-size:11px;padding:12px 8px;text-align:left}.stats-table td:first-child{padding-left:8px}.stats-table td:last-child{padding-right:8px}.stats-table .group-row th{text-align:left;border-radius:5px 5px 0 0}.stats-main-row{background:var(--surface)}.stats-main-row td{border-bottom:1px solid var(--border)}.stats-main-row td:first-child{border-radius:8px 0 0 8px}.stats-main-row td:last-child{border-radius:0 8px 8px 0}.stats-detail-toggle{border:1px solid var(--border-strong);border-radius:6px;padding:6px 8px;background:var(--surface-2);color:var(--text-2);font-size:10px;white-space:nowrap}.stats-detail-toggle:hover{background:var(--surface-hover)}.stats-detail-row[hidden]{display:none}.stats-detail-row>td{padding:0 12px 12px!important;background:var(--surface);border-bottom:1px solid var(--border)}.stats-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;background:var(--surface-2);border-radius:8px}.stats-detail-group h3{margin:0 0 9px;font-size:11px}.stats-detail-group dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.stats-detail-group dl>div{min-width:0}.stats-detail-group dt{color:var(--muted);font-size:9px}.stats-detail-group dd{margin:2px 0 0;color:var(--text-2);font-size:10px;overflow-wrap:anywhere}
@media(max-width:900px){.stats-table,.stats-table tbody{display:block;width:100%}.stats-table thead{display:none}.stats-table-main,.stats-main-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0;border:1px solid var(--border);border-radius:10px 10px 0 0;overflow:hidden}.stats-main-row td,.stats-main-row td:first-child,.stats-main-row td:last-child{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 12px;text-align:left;border-radius:0}.stats-main-row td::before{content:attr(data-label);font-size:9px;color:var(--muted)}.stats-detail-row{display:block}.stats-detail-row>td{display:block;border:1px solid var(--border);border-top:0;border-radius:0 0 10px 10px;padding:0 10px 10px!important}.stats-detail-grid{grid-template-columns:1fr}.stats-detail-group dl{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-detail-toggle{min-height:36px}}
@media(max-width:620px){.stats-detail-group dl{grid-template-columns:1fr 1fr}.page-view-message .mini-table{font-size:10px}}
@media(min-width:1500px){.page-content{padding-top:38px}.metric-card{min-height:145px;padding:17px}.panel{padding:21px}.table-scroll{margin-left:-21px;margin-right:-21px}.table-scroll th:first-child,.table-scroll td:first-child{padding-left:21px}.table-scroll th:last-child,.table-scroll td:last-child{padding-right:21px}}
@media(max-width:1200px){.topbar{padding:0 25px}.page-content{padding-left:25px;padding-right:25px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}.secondary-grid{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}.events-panel{min-height:0}.event-list{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}}
@media(max-width:900px){.sidebar{transform:translateX(-102%);box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.sidebar-scrim.visible{display:block;position:fixed;inset:0;background:rgba(17,21,25,.35);z-index:25}.main-area{margin-left:0}.mobile-menu{display:grid}.topbar{height:58px;padding:0 18px;justify-content:flex-start;gap:12px}.breadcrumbs{flex:1}.topbar-actions{gap:10px}.page-content{padding:25px 18px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.app-select-wrap{flex:1;min-width:170px}.app-select-wrap select{width:100%}.primary-grid{grid-template-columns:1fr 1fr}.secondary-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){body{font-size:13px}.help-button{display:none}.live-status{font-size:0;gap:0}.live-status>span{height:7px;width:7px}.topbar-actions{margin-left:auto}.page-content{padding:22px 13px 18px}.eyebrow{font-size:8px}.page-heading{gap:15px}h1{font-size:24px}.heading-actions{gap:7px}.period-control{order:3;width:100%;justify-content:space-between}.period-option{flex:1}.export-button{width:38px;padding:0}.export-button span{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:126px;padding:12px}.metric-top{font-size:9px}.metric-symbol{width:24px;height:24px}.metric-value{font-size:23px;margin-top:12px}.metric-foot{font-size:8px}.sparkline{width:47px;right:9px}.primary-grid,.secondary-grid{grid-template-columns:1fr;gap:10px}.panel{padding:15px}.chart-panel,.funnel-panel{min-height:0}.chart-wrap{height:185px}.chart-foot{font-size:8px}.funnel-row{grid-template-columns:88px minmax(30px,1fr) 48px;gap:7px}.funnel-list{margin-top:17px;gap:11px}.funnel-note{margin-top:15px}.language-panel,.retention-panel{min-height:240px}.language-list{gap:10px}.retention-bars{height:125px;margin-top:18px}.retention-bar{width:28px}.table-scroll{margin-left:-15px;margin-right:-15px}.table-scroll th:first-child,.table-scroll td:first-child{padding-left:15px}.table-scroll th:last-child,.table-scroll td:last-child{padding-right:15px}.event-list{grid-template-columns:1fr}.event-row{min-height:43px}.page-footer{font-size:8px;gap:10px}.demo-notice{align-items:flex-start;font-size:9px}.demo-icon{margin-top:1px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:620px){.page-view-message{padding:15px}.stats-filter-row .stats-field{flex:1 1 130px}.stats-search{flex-basis:100%}.stats-field input,.stats-field select{height:42px}.stats-period-row{align-items:stretch}.stats-period-row .period-control{width:100%}.stats-date-caption{width:100%;margin:0}.stats-period-row .stats-field{flex:1}.stats-period-row .button{height:42px}.stats-table-heading{align-items:flex-start;flex-direction:column;gap:4px}.stats-table-scroll{margin-left:-15px;margin-right:-15px;border-radius:0}.stats-table th,.stats-table td{padding:10px 8px}}