:root{--mx-bg:#070b12;--mx-panel:#101a2c;--mx-soft:#16233a;--mx-text:#edf3ff;--mx-muted:#9aaac4;--mx-border:#26364e;--mx-accent:#6399ff;--mx-ink:#edf3ff;color-scheme:dark}
html[data-metrics-theme=light]{--mx-bg:#f4f7fc;--mx-panel:#fff;--mx-soft:#eaf0fc;--mx-text:#172c50;--mx-muted:#667895;--mx-border:#dbe4f1;--mx-accent:#245bba;--mx-ink:#172c50;color-scheme:light}
html body,html #sm-app{background:radial-gradient(ellipse at 85% 0%,#18356355,transparent 55%),linear-gradient(145deg,var(--mx-bg),var(--mx-bg))!important;color:var(--mx-text)!important}
html #sm-app{--ink:var(--mx-text);--muted:var(--mx-muted);--line:var(--mx-border);--green:var(--mx-accent);--mint:var(--mx-soft);--paper:var(--mx-bg)}
html .sm-sidebar,html #sm-app .sm-sidebar nav{background:linear-gradient(165deg,#152a4d,#080d18 90%)!important;color:#dbe7ff!important}
html .sm-sidebar nav button,html .sm-sidebar nav a{color:#aebfdd!important}
html .sm-sidebar nav .active,html #sm-app .sm-sidebar nav button.active{background:#284a80!important;color:#fff!important}
html .sm-brand-dot{color:#80aaff!important}html .sm-logo{background:#1b335b!important;border-color:#668aba!important;color:white!important}
html #sm-app .sm-card,html #sm-app .sm-kpi,html #sm-app .sm-filters,html #sm-app .sm-connection,html #sm-app dialog,html .mx-page .card,html .mx-page section,html .mx-login .card{background:var(--mx-panel)!important;border-color:var(--mx-border)!important;color:var(--mx-text)!important;box-shadow:0 8px 28px #0000000b}
html #sm-app .sm-kpi.highlight,html #sm-app .sm-realtime{background:linear-gradient(140deg,var(--mx-soft),var(--mx-panel))!important;border-color:var(--mx-border)!important}
html #sm-app .sm-kpi-value,html #sm-app h1,html #sm-app h2,html #sm-app strong,html #sm-app .sm-table td,html #sm-app .sm-payment-grid strong,html #sm-app .sm-goal-value,html #sm-app .sm-stage-value{color:var(--mx-text)!important}
html #sm-app .sm-kpi-note,html #sm-app .sm-footnote,html #sm-app .sm-table th,html #sm-app .sm-context,html #sm-app label,html .text-muted,html .mx-page small{color:var(--mx-muted)!important}
html #sm-app input,html #sm-app select,html .mx-page input,html .mx-page select,html .mx-login input,html .mx-login .input-group-text{background:var(--mx-panel)!important;color:var(--mx-text)!important;border-color:var(--mx-border)!important}
html #sm-app .sm-button,html #sm-auto,html .mx-button,html .mx-page .btn,html .mx-login .btn{background:var(--mx-soft)!important;color:var(--mx-text)!important;border:1px solid var(--mx-border)!important;border-radius:10px}
html #sm-app .sm-primary,html .mx-primary,html .mx-login button[type=submit]{background:linear-gradient(125deg,#234c91,#162e58)!important;color:white!important;border-color:#4268a4!important}
html #sm-app a,html #sm-app .sm-text-button,html #sm-app #sm-chart-metric{color:var(--mx-accent)!important}
html #sm-app .sm-table tbody tr:nth-child(even),html #sm-app .sm-source,html #sm-app .sm-rank,html #sm-app .sm-channel-dot{background:var(--mx-soft)!important;color:var(--mx-muted)!important}
html #sm-app .sm-table td,html #sm-app .sm-topbar,html #sm-app .sm-footer{border-color:var(--mx-border)!important}
html #sm-app .sm-metric-active{box-shadow:0 0 0 2px #527dc4!important}html #sm-app .sm-tooltip{background:#172b4b!important;color:#eff5ff!important}
html #sm-app .sm-progress i,html #sm-app .sm-goal-track i,html #sm-app .sm-stage-bar>div{background:#5281c4!important}
html #sm-app .sm-dot{background:#6d9feb!important;box-shadow:0 0 0 4px #6d9feb15!important}
html #sm-app svg path[stroke]:not([stroke=none]){stroke:#699aee!important}html #sm-app svg path[fill]:not([fill=none]){fill:#4f7abd!important;fill-opacity:.12}html #sm-app svg circle{fill:#7daaff!important}html #sm-app svg text{fill:var(--mx-muted)!important}
html #sm-app svg line{stroke:var(--mx-border)!important}
#metrics-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--mx-border);border-radius:9px;background:var(--mx-soft);color:var(--mx-text);padding:8px 11px;font:12px 'Segoe UI',sans-serif;cursor:pointer;white-space:nowrap}
.mx-page{max-width:1240px;margin:auto;padding:28px 24px 60px;font:14px/1.6 Inter,'Segoe UI',sans-serif;color:var(--mx-text)}.mx-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.mx-brand{font-size:30px;font-weight:750;color:var(--mx-text);text-decoration:none;letter-spacing:-1px}.mx-brand b{font-family:Georgia;border:1px solid #678aba;background:#1a345a;color:white;padding:0 8px;border-radius:10px;margin-right:8px}.mx-brand i{color:#7ca6ef}.mx-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mx-button{display:inline-block;text-decoration:none;padding:10px 16px;cursor:pointer}.mx-page h1{font-size:32px;color:var(--mx-text);margin-bottom:8px}.mx-page h2{font-size:20px;color:var(--mx-text)}.mx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.mx-page section{border:1px solid var(--mx-border);border-radius:16px;padding:25px}.mx-page label{display:block;margin:16px 0 6px;color:var(--mx-muted)}.mx-page input,.mx-page select{width:100%;padding:12px;border:1px solid var(--mx-border);border-radius:9px}.mx-page .mx-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.mx-page .mx-actions form{margin:0}.mx-page .mx-actions button{font:inherit}.mx-page .mx-full{grid-column:1/-1}.mx-login .card{border:1px solid var(--mx-border)!important;border-radius:22px!important}.mx-login .card-body{padding:36px!important}.mx-login h3,.mx-login .form-label{color:var(--mx-text)!important}.mx-login .metrics-login-brand{display:block;margin-bottom:14px}.mx-login #metrics-theme-toggle{position:fixed;right:20px;top:20px;z-index:50}
@media(max-width:600px){.mx-page{padding:18px 16px}.mx-grid{grid-template-columns:1fr}.mx-head{align-items:flex-start}.mx-head-actions{justify-content:flex-end}.mx-brand{font-size:25px}.mx-page h1{font-size:26px}#metrics-theme-toggle{padding:7px;font-size:11px}}

html #sm-app .sm-live,html #sm-app .sm-live>strong,html #sm-app .sm-live>div:first-child,html #sm-app .sm-funnel-summary b{color:var(--mx-text)!important}
html #sm-app [data-chart-output],html #sm-app .sm-eyebrow,html #sm-app .sm-stage-name,html #sm-app .sm-footer,html #sm-app .sm-kpi-label,html #sm-app .sm-kpi-title{color:var(--mx-muted)!important}
html[data-metrics-theme=light] body,html[data-metrics-theme=light] #sm-app{background:linear-gradient(145deg,#f5f8fd,#edf3fc)!important}
html #sm-app .sm-brand{color:#e9f1ff!important}html #sm-app .sm-sidebar nav a{color:#b6c9e9!important}
@media(min-width:901px){html #sm-app .sm-sidebar nav .sm-mobile-close{display:none!important}}
html[data-metrics-theme=dark] body>main section,html[data-metrics-theme=dark] body>main .card,html[data-metrics-theme=dark] body>main .box,html[data-metrics-theme=dark] body>main .filters,html[data-metrics-theme=dark] body>main .linked{background:var(--mx-panel)!important;color:var(--mx-text)!important;border-color:var(--mx-border)!important}
html[data-metrics-theme=dark] body>main h1,html[data-metrics-theme=dark] body>main h2,html[data-metrics-theme=dark] body>main strong,html[data-metrics-theme=dark] body>main td{color:var(--mx-text)!important}
html[data-metrics-theme=dark] body>main p,html[data-metrics-theme=dark] body>main label,html[data-metrics-theme=dark] body>main small{color:var(--mx-muted)!important}
html[data-metrics-theme=dark] body>main input,html[data-metrics-theme=dark] body>main select{background:var(--mx-soft)!important;color:var(--mx-text)!important;border-color:var(--mx-border)!important}
html body>main button,html body>main .button{background:linear-gradient(125deg,#234c91,#162e58)!important;color:#fff!important;border-color:#4268a4!important}

html #sm-app .sm-live-value,html #sm-app .sm-live-events b,html #sm-app .sm-live-events strong{color:var(--mx-text)!important}
html #sm-app .sm-live-caption,html #sm-app .sm-live-events,html #sm-app .sm-stage-rate{color:var(--mx-muted)!important}
html body>main>form,html body>main .store-select{background:var(--mx-panel)!important;border-color:var(--mx-border)!important}
html body>main .brand,html body>main header a{color:var(--mx-text)!important}
html body>main .pill.ready{background:var(--mx-soft)!important;color:var(--mx-accent)!important}
html[data-metrics-theme=light] body>main section{background:#fff!important;color:#172c50!important}

html #sm-app .sm-topbar{position:sticky;top:0;z-index:100;background:var(--mx-panel)!important} @media(max-width:900px){html #sm-app .sm-sidebar{position:sticky!important;top:0;z-index:200}html #sm-app .sm-topbar{top:72px}html #sm-app.sm-menu-open .sm-sidebar nav{position:fixed!important;z-index:1002!important}}