@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}:root{color-scheme:light;--background: #f8f9ff;--surface: #ffffff;--surface-low: #eff4ff;--surface-high: #e5eeff;--surface-highest: #dce9ff;--text: #0b1c30;--text-muted: #596579;--text-subtle: #788397;--outline: #d9dfeb;--outline-strong: #c7cdd9;--primary: #3525cd;--primary-container: #4f46e5;--primary-soft: #e8e7ff;--success: #087a52;--success-soft: #d9f8e9;--warning: #9b6500;--warning-soft: #fff0c9;--danger: #ba1a1a;--danger-soft: #ffdad6;--nav-width: 256px;--app-bar-height: 64px;--container: 1280px;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 1px 3px rgba(11, 28, 48, .05);--shadow-float: 0 10px 30px rgba(11, 28, 48, .12)}html,body,#root{min-height:100%}body{background:var(--background);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select{color:inherit;font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.6}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:var(--outline-strong);border-radius:999px}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.app-shell{min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--outline);display:flex;flex-direction:column;height:100vh;left:0;padding:24px 16px 16px;position:fixed;top:0;width:var(--nav-width);z-index:70}.brand{align-items:center;display:flex;gap:12px;padding:0 8px}.brand-mark{background:var(--primary);border-radius:var(--radius-sm);display:grid;flex:0 0 32px;gap:2px;grid-template-columns:1fr 1fr;height:32px;padding:8px}.brand-mark span{background:#fff;border-radius:1px}.brand strong{color:var(--primary);display:block;font-size:15px;letter-spacing:-.02em}.brand small,.profile small{color:var(--text-subtle);display:block;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sidebar-nav{display:grid;gap:4px;margin-top:32px}.sidebar-nav button,.sidebar-settings{align-items:center;background:transparent;border-radius:var(--radius-sm);color:var(--text-muted);display:flex;gap:12px;min-height:44px;padding:0 14px;text-align:left;transition:background .12s ease-out,color .12s ease-out,transform .12s ease-out;width:100%}.sidebar-nav button:hover,.sidebar-settings:hover{background:var(--surface-low);color:var(--primary)}.sidebar-nav button:active,.sidebar-settings:active{transform:scale(.98)}.sidebar-nav button.active{background:var(--primary-container);color:#fff;font-weight:600}.sidebar-footer{border-top:1px solid var(--outline);margin-top:auto;padding-top:12px}.profile{align-items:center;background:var(--surface-low);border-radius:var(--radius-md);display:flex;gap:10px;margin-top:10px;padding:10px}.avatar{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex:0 0 34px;font-size:11px;font-weight:700;height:34px;justify-content:center}.profile strong{display:block;font-size:12px}.profile small{font-size:8px;letter-spacing:.04em;text-transform:none}.shell-main{margin-left:var(--nav-width);min-width:0}.app-bar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f9fff0;border-bottom:1px solid var(--outline);display:flex;height:var(--app-bar-height);justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:40}.app-bar-title{align-items:center;display:flex;gap:10px}.app-bar h1{font-size:22px;letter-spacing:-.025em;line-height:1}.app-bar-actions{align-items:center;display:flex;gap:8px}.icon-button{align-items:center;background:transparent;border-radius:50%;color:var(--text-muted);display:inline-flex;height:40px;justify-content:center;position:relative;transition:background .12s ease-out,color .12s ease-out;width:40px}.icon-button:hover{background:var(--surface-high);color:var(--primary)}.icon-button.compact{height:34px;width:34px}.notification-button>span{background:var(--danger);border:2px solid var(--background);border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.is-spinning svg,.spinner{animation:spin .8s linear infinite}.mobile-menu{display:none}.select-shell{align-items:center;background:var(--surface-high);border:1px solid var(--outline);border-radius:999px;color:var(--text-muted);display:flex;gap:6px;height:34px;padding:0 10px}.select-shell select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font-size:12px;max-width:165px;outline:0;padding:0}.site-select{background:var(--surface)}.page-canvas{min-height:calc(100vh - var(--app-bar-height));padding:28px 32px 40px}.page-container{margin:0 auto;max-width:var(--container);width:100%}.page-stack{display:grid;gap:24px}.page-stack>*{min-width:0}.page-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:60vh;text-align:center}.page-state p{color:var(--text-muted);max-width:420px}.empty-logo{align-items:center;background:var(--primary);border-radius:var(--radius-md);color:#fff;display:flex;font-weight:700;height:48px;justify-content:center;width:48px}.spinner{border:2px solid var(--outline);border-top-color:var(--primary);border-radius:50%;display:inline-block;height:24px;width:24px}.card,.metric-card,.site-card,.vital-summary-card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{min-height:142px;padding:22px}.metric-card-heading{align-items:center;color:var(--text-muted);display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.06em;text-transform:uppercase}.metric-icon{align-items:center;background:#3525cd0f;border-radius:var(--radius-sm);color:var(--primary);display:flex;height:30px;justify-content:center;width:30px}.metric-card>strong{display:block;font-size:clamp(25px,2.1vw,34px);letter-spacing:-.035em;line-height:1.1;margin:12px 0 8px}.metric-card small{color:var(--text-subtle);font-size:11px}.metric-card small.positive:before{background:var(--success);border-radius:50%;content:"";display:inline-block;height:5px;margin-right:6px;vertical-align:1px;width:5px}.metric-card small.negative:before{background:var(--danger);border-radius:50%;content:"";display:inline-block;height:5px;margin-right:6px;vertical-align:1px;width:5px}.card-header{align-items:center;border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;min-height:64px;padding:14px 20px}.card-header h3,.card-title{color:var(--text);font-size:14px;font-weight:600}.card-header p,.card-meta{color:var(--text-subtle);font-size:10px;margin-top:2px}.card-body{padding:20px}.chart-container{height:300px}.metric-toggle-group{align-items:center;display:flex;gap:3px}.metric-toggle{align-items:center;background:transparent;border-radius:var(--radius-sm);color:var(--text-subtle);display:flex;font-size:10px;gap:5px;padding:5px 7px}.metric-toggle:hover,.metric-toggle.active{background:var(--surface-high);color:var(--text)}.metric-toggle-dot{border-radius:50%;height:6px;width:6px}.overview-detail-grid{display:grid;gap:16px;grid-template-columns:1.1fr 1fr .85fr}.overview-detail-grid .card{min-width:0}.state-center{align-items:center;color:var(--text-subtle);display:flex;justify-content:center;min-height:140px}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--text-subtle);font-size:9px;font-weight:700;letter-spacing:.06em;padding:0 6px 10px;text-align:left;text-transform:uppercase}.data-table td{border-top:1px solid var(--outline);font-family:var(--font-mono);font-size:10px;padding:11px 6px}.data-table tbody tr:hover{background:var(--surface-low)}.data-table .col-url{color:var(--primary);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table .col-num{text-align:right}.data-table .col-bar{width:62px}.bar-bg{background:var(--surface-high);border-radius:999px;height:4px;overflow:hidden}.bar-fill{background:var(--primary-container);border-radius:inherit;height:100%}.device-list{display:grid;gap:20px;padding:4px 0}.device-row-header{align-items:center;display:flex;font-size:11px;justify-content:space-between;margin-bottom:7px}.device-stats{align-items:center;display:flex;gap:8px}.device-pct{font-family:var(--font-mono);font-weight:600}.device-count{color:var(--text-subtle);font-family:var(--font-mono);font-size:9px}.privacy-footer{color:var(--text-subtle);display:flex;font-size:9px;justify-content:space-between;padding:0 2px}.privacy-footer span:before{border:1px solid var(--outline-strong);border-radius:50%;content:"";display:inline-block;height:6px;margin-right:6px;width:6px}.page-heading,.events-toolbar{align-items:flex-end;display:flex;gap:24px;justify-content:space-between}.eyebrow{color:var(--primary);display:block;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:3px;text-transform:uppercase}.page-heading h2,.events-toolbar h2{font-size:24px;letter-spacing:-.025em}.page-heading p,.events-toolbar p{color:var(--text-muted);margin-top:3px}.search-field{align-items:center;background:var(--surface-high);border:1px solid var(--outline);border-radius:999px;color:var(--text-muted);display:flex;gap:8px;min-height:38px;padding:0 14px}.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.search-field input{background:transparent;border:0;min-width:190px;outline:0}.site-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.site-card{overflow:hidden;padding:20px;transition:box-shadow .15s ease-out,transform .15s ease-out}.site-card:hover{box-shadow:0 8px 22px #0b1c3014;transform:translateY(-1px)}.site-card.selected{border-color:#3525cd73}.site-card-top,.site-identity,.site-card-stats,.site-card-footer{align-items:center;display:flex}.site-card-top,.site-card-stats,.site-card-footer{justify-content:space-between}.site-identity{gap:12px}.site-icon{align-items:center;background:var(--surface-high);border:1px solid var(--outline);border-radius:var(--radius-md);color:var(--primary);display:flex;height:42px;justify-content:center;width:42px}.site-identity h3{font-size:14px}.status-label{align-items:center;color:var(--success);display:flex;font-size:9px;font-weight:700;gap:5px;margin-top:3px;text-transform:uppercase}.status-label i,.health-item i,.performance-row i{background:currentColor;border-radius:50%;display:inline-block;height:6px;width:6px}.site-card-stats{margin-top:20px}.site-card-stats>div{display:grid;gap:3px}.site-card-stats>div:last-child{text-align:right}.site-card-stats span{color:var(--text-subtle);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.site-card-stats strong{font-size:22px}.site-card-stats small{font-family:var(--font-mono);font-size:9px}.site-card-stats small.up,.event-table-body .up{color:var(--success)}.site-card-stats small.down,.event-table-body .down{color:var(--danger)}.spark-bars{align-items:end;display:flex;gap:4px;height:48px;margin:14px 0}.spark-bars span{background:var(--primary-container);border-radius:2px 2px 0 0;flex:1;opacity:.25}.spark-bars span:nth-last-child(-n+4){opacity:.72}.site-card-footer{border-top:1px solid var(--outline);color:var(--text-subtle);font-size:10px;padding-top:14px}.site-card-footer button{align-items:center;background:transparent;color:var(--primary);display:flex;font-size:10px;font-weight:600;gap:5px}.add-site-card{align-items:center;background:transparent;border-style:dashed;box-shadow:none;display:flex;flex-direction:column;justify-content:center;min-height:258px;text-align:center}.add-site-icon{align-items:center;background:var(--surface-high);border-radius:var(--radius-md);color:var(--primary);display:flex;font-size:24px;height:44px;justify-content:center;margin-bottom:10px;width:44px}.add-site-card span{color:var(--text-subtle);font-size:10px}.aggregate-health{background:var(--surface-low);padding-bottom:20px}.health-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:20px 20px 0}.health-item{align-items:center;background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-sm);display:grid;gap:2px;grid-template-columns:18px 1fr;padding:14px}.health-item i{grid-row:span 2}.health-item.good i{color:var(--success)}.health-item.warning i{color:var(--warning)}.health-item span{color:var(--text-subtle);font-size:9px}.health-item strong{font-size:12px}.event-trends-card{padding:20px}.event-summary-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.event-summary-grid .metric-card{min-height:130px}.event-trends-heading{align-items:flex-start;display:flex;justify-content:space-between}.event-trends-heading h3{font-size:16px}.event-trends-heading p{color:var(--text-muted);font-size:11px}.event-trends-heading>div:last-child{border-left:1px solid var(--outline);display:grid;gap:3px;min-width:150px;padding-left:24px}.event-trends-heading span{color:var(--text-subtle);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.event-trends-heading strong{color:var(--primary);font-size:24px}.events-empty-chart{align-items:center;color:var(--text-subtle);display:flex;flex-direction:column;height:310px;justify-content:center;margin-top:20px;overflow:hidden;position:relative;text-align:center}.event-chart{height:310px;margin-top:20px}.chart-grid-lines{background-image:linear-gradient(var(--outline) 1px,transparent 1px);background-size:100% 62px;top:0;right:0;bottom:0;left:0;opacity:.65;pointer-events:none;position:absolute}.events-empty-chart>*:not(.chart-grid-lines){position:relative}.events-empty-chart strong{color:var(--text);margin-top:10px}.events-empty-chart p{max-width:520px}.events-empty-chart code{color:var(--primary)}.events-lower-grid{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr)}.event-table-head{background:var(--surface-low);color:var(--text-subtle);display:grid;font-size:9px;font-weight:700;grid-template-columns:1.8fr .7fr .7fr .5fr;letter-spacing:.06em;padding:11px 20px;text-transform:uppercase}.event-table-body{display:grid}.event-table-body button{align-items:center;background:transparent;border-left:3px solid transparent;border-top:1px solid var(--outline);display:grid;font-family:var(--font-mono);font-size:10px;grid-template-columns:1.8fr .7fr .7fr .5fr;min-height:48px;padding:0 17px;text-align:left;width:100%}.event-table-body button:hover,.event-table-body button.active{background:var(--surface-low)}.event-table-body button.active{border-left-color:var(--primary)}.event-table-body button span:not(:first-child){text-align:right}.table-empty{align-items:center;color:var(--text-subtle);display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:24px;text-align:center}.table-empty strong{color:var(--text);margin-top:8px}.table-empty p{font-size:11px;max-width:380px}.sdk-card{background:#172a40;border:1px solid #0d1d30;border-radius:var(--radius-md);color:#d8e5f5;overflow:hidden}.sdk-card-header{align-items:center;background:#21364d;border-bottom:1px solid #30465d;display:flex;justify-content:space-between;padding:12px 14px}.sdk-card-header>div{display:flex;gap:5px}.sdk-card-header>div span{background:#ff5f57;border-radius:50%;height:7px;width:7px}.sdk-card-header>div span:nth-child(2){background:#febc2e}.sdk-card-header>div span:nth-child(3){background:#28c840}.sdk-card-header strong{align-items:center;display:flex;font-size:9px;gap:6px;letter-spacing:.06em;text-transform:uppercase}.sdk-card pre{font-size:10px;line-height:1.75;overflow-x:auto;padding:18px;white-space:pre}.code-comment{color:#7f9bb6}.code-command{color:#fc6}.sdk-card>button{background:#21364d;border-top:1px solid #30465d;color:#fff;font-size:10px;font-weight:600;padding:12px;width:100%}.vitals-summary-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.vital-summary-card{padding:20px}.vital-title-row{align-items:center;display:flex;justify-content:space-between}.vital-title-row>span{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.vital-title-row em{align-items:center;border-radius:999px;display:flex;font-size:8px;font-style:normal;font-weight:700;gap:4px;padding:3px 7px;text-transform:uppercase}.vital-title-row em i{background:currentColor;border-radius:50%;height:5px;width:5px}.vital-title-row em.good{background:var(--success-soft);color:var(--success)}.vital-title-row em.warning{background:var(--warning-soft);color:var(--warning)}.vital-title-row em.poor{background:var(--danger-soft);color:var(--danger)}.vital-title-row em.unknown{background:var(--surface-high);color:var(--text-subtle)}.vital-summary-card>strong{display:block;font-size:28px;letter-spacing:-.03em;margin:8px 0}.vital-summary-card p{color:var(--text-muted);font-size:10px;min-height:42px}.vital-progress{background:var(--surface-high);height:3px;margin-top:14px;overflow:hidden}.vital-progress span{display:block;height:100%;width:72%}.vital-progress.good span{background:var(--success)}.vital-progress.warning span{background:var(--warning);width:55%}.vital-progress.poor span{background:var(--danger);width:38%}.vitals-insights-grid{display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(240px,.75fr)}.legend{display:flex;gap:14px}.legend span{color:var(--text-subtle);font-size:8px}.legend span:before{background:currentColor;content:"";display:inline-block;height:7px;margin-right:4px;width:7px}.legend .good{color:var(--success)}.legend .warning{color:var(--warning)}.legend .poor{color:var(--danger)}.experience-bars{border-bottom:1px solid var(--outline);display:flex;gap:24px;height:205px;justify-content:space-around;padding:18px 28px 0}.experience-metric{align-items:stretch;display:grid;flex:1;gap:6px;grid-template-rows:1fr 20px;max-width:150px;text-align:center}.experience-metric>strong{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.experience-bar-group{align-items:end;display:flex;gap:5px;justify-content:center}.experience-bar-group span{min-height:4px;width:30%}.experience-bar-group .good{background:var(--success)}.experience-bar-group .warning{background:#e7aa17}.experience-bar-group .poor{background:var(--danger)}.experience-axis{color:var(--text-subtle);display:flex;font-size:9px;justify-content:space-between;padding:8px 22px 16px}.score-card{text-align:center}.score-card .card-header{text-align:left}.score-ring{align-items:center;background:conic-gradient(var(--primary) calc(var(--score) * 1%),var(--surface-high) 0);border-radius:50%;display:flex;height:112px;justify-content:center;margin:28px auto 16px;position:relative;width:112px}.score-ring:before{background:var(--surface);border-radius:50%;content:"";top:10px;right:10px;bottom:10px;left:10px;position:absolute}.score-ring strong{color:var(--primary);font-family:var(--font-mono);font-size:22px;position:relative}.score-card>p{color:var(--text-muted);font-size:10px;margin:0 auto 24px;max-width:180px}.secondary-button{align-items:center;background:var(--surface-high);border:1px solid var(--outline);border-radius:var(--radius-sm);display:flex;font-size:10px;gap:5px;padding:7px 10px}.performance-table{overflow-x:auto;width:100%}.poor-pages-card{min-width:0;overflow:hidden}.performance-row{align-items:center;border-top:1px solid var(--outline);display:grid;font-size:11px;grid-template-columns:1fr 160px 120px;min-height:48px;padding:0 20px}.performance-row:first-child{border-top:0}.performance-row.head{background:var(--surface-low);color:var(--text-subtle);font-size:9px;font-weight:700;letter-spacing:.05em;min-height:36px;text-transform:uppercase}.performance-row:not(.head) span:first-child{color:var(--primary);font-family:var(--font-mono)}.performance-row span:last-child{align-items:center;display:flex;gap:6px}.performance-row i.poor{color:var(--danger)}.performance-row i.warning{color:var(--warning)}.performance-row-vitals{grid-template-columns:minmax(220px,1fr) 110px 110px 110px 90px;min-width:720px}.performance-row-vitals:not(.head) span:not(:first-child){font-family:var(--font-mono)}.performance-row-vitals.poor{border-left:3px solid var(--danger)}.performance-row-vitals.warning{border-left:3px solid var(--warning)}.performance-row-vitals.good{border-left:3px solid var(--success)}.sidebar-scrim{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.metric-grid,.overview-detail-grid{grid-template-columns:repeat(2,1fr)}.overview-detail-grid>:last-child{grid-column:span 2}.events-lower-grid{grid-template-columns:1fr}.sdk-card{max-width:none}}@media (max-width: 800px){.sidebar{box-shadow:var(--shadow-float);transform:translate(-105%);transition:transform .18s ease-out}.sidebar.is-open{transform:translate(0)}.sidebar-scrim{background:#0b1c3061;display:block;top:0;right:0;bottom:0;left:0;position:fixed;z-index:60}.shell-main{margin-left:0}.mobile-menu{display:inline-flex}.app-bar{padding:0 14px}.app-bar h1{font-size:18px}.site-select{display:none}.page-canvas{padding:22px 20px 32px}.site-grid,.vitals-summary-grid{grid-template-columns:1fr}.event-summary-grid{grid-template-columns:repeat(3,1fr)}.vitals-insights-grid{grid-template-columns:1fr}}@media (max-width: 560px){.period-select{max-width:138px}.period-select select{max-width:86px}.app-bar-actions>.icon-button:not(.notification-button){display:none}.page-canvas{padding:16px}.page-stack{gap:16px}.metric-grid,.overview-detail-grid,.event-summary-grid{grid-template-columns:1fr}.overview-detail-grid>:last-child{grid-column:auto}.metric-card{min-height:126px;padding:18px}.card-header{align-items:flex-start;flex-direction:column;gap:8px}.chart-container{height:250px}.metric-toggle-group{display:none}.privacy-footer{display:grid;gap:5px}.page-heading,.events-toolbar{align-items:stretch;flex-direction:column}.search-field input{min-width:0;width:100%}.health-grid{grid-template-columns:1fr}.event-trends-heading{flex-direction:column;gap:12px}.event-trends-heading>div:last-child{border-left:0;min-width:90px;padding-left:0}.event-table-head{grid-template-columns:1.5fr .7fr}.event-table-head span:nth-child(n+3){display:none}.event-table-body button{grid-template-columns:1.5fr .7fr}.event-table-body button span:nth-child(n+3){display:none}.performance-row{grid-template-columns:1fr 82px}.performance-row span:last-child{display:none}.performance-row-vitals span:last-child{display:block}}:root{--background: #f2efe7;--surface: #faf8f2;--surface-low: #ece8df;--surface-high: #e5e0d5;--surface-highest: #ddd7ca;--text: #151512;--text-muted: #6d6961;--text-subtle: #8f897f;--outline: #d8d2c7;--outline-strong: #bbb4a8;--primary: #6558ef;--primary-container: #6558ef;--primary-soft: #e8e4ff;--success: #2f8a59;--success-soft: #dfefe4;--warning: #a56b12;--warning-soft: #f5ead0;--danger: #a44037;--danger-soft: #f3ded9;--nav-width: 236px;--app-bar-height: 92px;--container: 1320px;--font-sans: "IBM Plex Sans", sans-serif;--font-display: "IBM Plex Sans", sans-serif;--font-ui: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--shadow-card: none;--shadow-float: 0 20px 50px rgba(45, 39, 31, .13)}body{background:linear-gradient(rgba(21,21,18,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(21,21,18,.018) 1px,transparent 1px),var(--background);background-size:56px 56px;font-size:14px}.sidebar{background:#f2efe7f0;border-color:var(--outline);padding:29px 20px 18px}.brand{gap:14px;padding:0 10px 25px}.brand-mark{background:transparent;display:block;flex-basis:30px;height:30px;padding:0;position:relative;width:30px}.brand-mark span{background:var(--text);border-radius:999px 999px 120px 120px;height:14px;left:12px;position:absolute;top:1px;transform-origin:3px 14px;width:6px}.brand-mark span:nth-child(2){transform:rotate(60deg)}.brand-mark span:nth-child(3){transform:rotate(120deg)}.brand-mark span:nth-child(4){transform:rotate(180deg)}.brand-mark span:nth-child(5){transform:rotate(240deg)}.brand-mark span:nth-child(6){transform:rotate(300deg)}.brand strong{color:var(--text);font-family:var(--font-ui);font-size:18px;letter-spacing:-.04em}.brand small,.profile small{color:var(--text-subtle);font-family:var(--font-mono);font-size:8px;font-weight:500;letter-spacing:.08em}.sidebar-nav{border-top:1px solid var(--outline);gap:0;margin-top:4px;padding-top:18px}.sidebar-nav button,.sidebar-settings{border-bottom:1px solid rgba(216,210,199,.62);border-radius:0;gap:10px;min-height:52px;padding:0 10px;position:relative}.sidebar-nav button b{color:var(--text-subtle);font-family:var(--font-mono);font-size:8px;font-weight:500;letter-spacing:.08em;width:20px}.sidebar-nav button svg{display:none}.sidebar-nav button:after{background:var(--primary);content:"";height:1px;left:10px;opacity:0;position:absolute;top:-1px;transition:width .16s ease-out,opacity .16s ease-out;width:0}.sidebar-nav button:hover,.sidebar-settings:hover{background:#ffffff42}.sidebar-nav button.active{background:transparent;color:var(--primary);font-weight:600}.sidebar-nav button.active:after{opacity:1;width:44px}.sidebar-nav button.active b{color:var(--primary)}.sidebar-footer{border-color:var(--outline)}.sidebar-settings{border:0;padding-left:10px}.profile{background:transparent;border-top:1px solid var(--outline);border-radius:0;margin-top:8px;padding:16px 10px 2px}.avatar{background:var(--text);border-radius:2px;font-family:var(--font-mono)}.app-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2efe7e0;border-color:var(--outline);padding:0 34px}.app-bar-title{align-items:center}.app-bar-eyebrow{color:var(--primary);display:block;font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;margin-bottom:1px;text-transform:uppercase}.app-bar h1{font-family:var(--font-display);font-size:35px;font-weight:400;letter-spacing:-.035em}.icon-button{border-radius:2px}.icon-button:hover{background:#ffffff61}.select-shell{background:transparent;border-color:var(--outline-strong);border-radius:2px;font-family:var(--font-mono);height:36px}.select-shell select{font-size:10px}.site-select{background:#faf8f285}.page-canvas{padding:36px 38px 48px}.page-stack{gap:28px}.card,.metric-card,.site-card,.vital-summary-card{background:#faf8f2c2;border-color:var(--outline);border-radius:3px;box-shadow:none}.metric-grid,.event-summary-grid{background:var(--outline);border:1px solid var(--outline);gap:1px}.metric-card{border:0;border-radius:0;min-height:148px;padding:22px 24px}.metric-card-heading{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.08em}.metric-icon{background:transparent;height:24px;width:24px}.metric-card>strong{font-family:var(--font-display);font-size:clamp(38px,3.4vw,52px);font-weight:400;letter-spacing:-.045em;margin:17px 0 8px}.metric-card small{font-family:var(--font-mono);font-size:9px}.card-header{min-height:76px;padding:17px 22px}.card-header h3,.card-title,.event-trends-heading h3{font-family:var(--font-display);font-size:22px;font-weight:400;letter-spacing:-.02em}.card-header p,.card-meta,.event-trends-heading p{font-family:var(--font-mono);font-size:8px;letter-spacing:.04em}.card-body{padding:24px 22px 20px}.chart-container{height:330px}.metric-toggle{border-radius:2px;font-family:var(--font-mono)}.metric-toggle:hover,.metric-toggle.active{background:var(--surface-low)}.overview-detail-grid{gap:18px}.data-table th,.data-table td,.device-count,.device-pct,.privacy-footer{font-family:var(--font-mono)}.data-table th{font-weight:500}.data-table tbody tr:hover{background:#e5e0d580}.bar-bg{background:var(--surface-high);border-radius:0}.bar-fill{background:var(--primary);border-radius:0}.privacy-footer{border-top:1px solid var(--outline);font-size:8px;letter-spacing:.05em;padding:18px 2px 0;text-transform:uppercase}.page-heading h2,.events-toolbar h2{font-family:var(--font-display);font-size:36px;font-weight:400;letter-spacing:-.035em}.page-heading p,.events-toolbar p{color:var(--text-muted)}.eyebrow{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.12em;margin-bottom:5px}.search-field{background:transparent;border-color:var(--outline-strong);border-radius:2px}.site-grid{gap:18px}.site-card{padding:24px}.site-card:hover{box-shadow:var(--shadow-float)}.site-card.selected{border-color:var(--primary)}.site-identity h3,.add-site-card>strong{font-family:var(--font-display);font-size:21px;font-weight:400}.site-icon,.add-site-icon{background:transparent;border-radius:2px}.site-card-stats span,.status-label,.site-card-footer,.health-item span{font-family:var(--font-mono)}.site-card-stats strong{font-family:var(--font-display);font-size:30px;font-weight:400}.spark-bars span{background:var(--primary);border-radius:0}.add-site-card{background:#faf8f23d}.aggregate-health{background:#ece8df8c}.health-item{background:transparent;border-radius:2px}.event-trends-card{padding:24px}.event-trends-heading strong{font-family:var(--font-display);font-size:32px;font-weight:400}.event-table-head,.performance-row.head{background:var(--surface-low);font-family:var(--font-mono);font-weight:500}.event-table-body button:hover,.event-table-body button.active{background:#e5e0d580}.sdk-card{background:#1c1b18;border-color:#1c1b18;border-radius:3px;color:#efebe1}.sdk-card>button{border-radius:2px}.sdk-card-header,.sdk-card>button{background:#292722}.vital-summary-card{border-radius:3px}.vital-summary-card>strong,.score-ring strong{font-family:var(--font-display);font-weight:400}.secondary-button{background:transparent;border-color:var(--outline-strong);border-radius:2px;font-family:var(--font-mono)}.editorial-empty{background:linear-gradient(rgba(101,88,239,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(101,88,239,.055) 1px,transparent 1px),#faf8f2c7;background-size:42px 42px;border:1px solid var(--outline);min-height:560px;overflow:hidden;padding:46px;position:relative}.empty-copy{max-width:680px}.empty-copy h2{font-family:var(--font-display);font-size:clamp(44px,5.3vw,72px);font-weight:400;letter-spacing:-.045em;line-height:.96}.empty-copy p{color:var(--text-muted);font-size:17px;line-height:1.65;margin-top:18px;max-width:620px}.empty-code-row{align-items:center;background:#1c1b18;color:#f6f2e9;display:flex;font-family:var(--font-mono);gap:12px;margin-top:34px;max-width:620px;min-height:56px;padding:0 10px 0 18px}.empty-code-row>span{color:#8e84ff}.empty-code-row code{flex:1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-code-row button{background:#f6f2e9;border-radius:1px;color:#1c1b18;font-family:var(--font-mono);font-size:9px;min-height:36px;padding:0 15px;text-transform:uppercase}.empty-steps{border-top:1px solid var(--outline);display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin-top:42px;padding:0}.empty-steps li{display:grid;gap:14px;grid-template-columns:auto 1fr;padding:22px 24px 0 0}.empty-steps li+li{border-left:1px solid var(--outline);padding-left:24px}.empty-steps li>span{color:var(--primary);font-family:var(--font-mono);font-size:9px}.empty-steps strong{display:block;font-family:var(--font-ui);font-size:12px}.empty-steps p{color:var(--text-subtle);font-size:11px;line-height:1.5;margin-top:4px}.editorial-empty.is-compact{border:0;border-top:1px solid var(--outline);margin-top:22px;min-height:0;padding:34px 22px 28px}.editorial-empty.is-compact .empty-copy h2{font-size:42px}.editorial-empty.is-compact .empty-copy p{font-size:13px;margin-top:10px}.editorial-empty.is-compact .empty-code-row{clear:both;margin-top:26px;max-width:none}.editorial-empty.is-compact .empty-steps{margin-top:24px}@media (max-width: 1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){:root{--app-bar-height: 78px}.sidebar{background:var(--background)}.app-bar{padding:0 16px}.app-bar h1{font-size:28px}.app-bar-eyebrow{display:none}.page-canvas{padding:26px 20px 38px}.editorial-empty{padding:34px}.empty-copy h2{font-size:54px}}@media (max-width: 560px){.page-canvas{padding:18px 14px 30px}.metric-grid,.event-summary-grid{grid-template-columns:1fr}.metric-card{min-height:132px}.editorial-empty,.editorial-empty.is-compact{padding:26px 20px}.empty-copy h2,.editorial-empty.is-compact .empty-copy h2{font-size:42px}.empty-copy p{font-size:14px}.empty-code-row{margin-top:26px}.empty-code-row code{font-size:9px}.empty-steps{grid-template-columns:1fr}.empty-steps li,.empty-steps li+li{border-left:0;border-top:1px solid var(--outline);padding:16px 0}.empty-steps li:first-child{border-top:0}.privacy-footer{gap:9px}}