:root{--bg:#f9fafb;--bg-elev:#fff;--bg-sunken:#f0f2f4;--line:#dbdee2;--line-strong:#c0c5c9;--ink:#0d1218;--ink-2:#363b41;--ink-3:#6d7277;--ink-4:#9b9fa3;--brand:#0055a4;--brand-2:#00397d;--brand-soft:#ddedff;--brand-ink:#001942;--accent:#ed990e;--accent-soft:#ffebce;--pos:#399d57;--pos-soft:#d5f5da;--neg:#d73337;--neg-soft:#ffe8e6;--warn:#e08600;--warn-soft:#ffebce;--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow-sm:0 1px 0 #1018280a, 0 1px 2px #1018280a;--shadow:0 1px 2px #1018280a, 0 4px 12px #1018280f;--shadow-lg:0 8px 24px #1018281a, 0 2px 4px #1018280a;--font-display:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-ui:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--dens:1;--pad-card:calc(18px * var(--dens));--pad-tight:calc(12px * var(--dens));--row-h:calc(44px * var(--dens));--gap:calc(16px * var(--dens))}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.2586% -.2231 -.716782);--bg-sunken:lab(95.3578% -.333756 -1.07459);--line:lab(88.3953% -.661403 -2.14573);--line-strong:lab(79.1134% -.874937 -2.85695);--ink:lab(5.24559% -.9728 -4.53259);--ink-2:lab(24.5856% -1.22638 -4.24159);--ink-3:lab(47.7904% -1.06922 -3.55804);--ink-4:lab(65.1932% -.871062 -2.85484);--brand:lab(34.815% 5.21573 -57.2255);--brand-2:lab(22.5423% 15.2622 -60.5194);--brand-soft:lab(92.9792% -3.1482 -12.5015);--brand-ink:lab(8.04887% 11.6695 -40.381);--accent:lab(70.6444% 26.2066 73.0538);--accent-soft:lab(94.2535% 6.09732 22.9329);--pos:lab(57.682% -42.2772 27.8818);--pos-soft:lab(93.7045% -14.8141 9.47404);--neg:lab(49.2539% 63.2983 39.3808);--neg-soft:lab(93.735% 15.3724 8.32428);--warn:lab(64.657% 30.5558 72.6225);--warn-soft:lab(94.2535% 6.09732 22.9329)}}[data-theme=dark]{--bg:#06090d;--bg-elev:#101419;--bg-sunken:#030507;--line:#232a30;--line-strong:#3b434d;--ink:#eff2f5;--ink-2:#c0c5c9;--ink-3:#8a9096;--ink-4:#585e65;--brand:#50a8ff;--brand-2:#87c2ff;--brand-soft:#03294f;--brand-ink:#c7e1ff;--accent-soft:#442600;--pos-soft:#0f3118;--neg-soft:#4f1a18;--warn-soft:#442600;--shadow:0 1px 2px #0006, 0 4px 12px #00000059;--shadow-lg:0 8px 24px #00000073, 0 2px 4px #0000004d}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg:lab(2.47047% -.409991 -1.8007);--bg-elev:lab(6.17897% -.933118 -3.92346);--bg-sunken:lab(1.1982% -.201538 -.890785);--line:lab(16.4574% -1.44607 -5.26403);--line-strong:lab(28.0502% -1.93381 -7.02105);--ink:lab(95.3562% -.55331 -1.78927);--ink-2:lab(79.1134% -.874937 -2.85695);--ink-3:lab(59.3885% -1.28219 -4.26915);--ink-4:lab(39.6643% -1.45194 -4.95859);--brand:lab(66.633% -3.93498 -57.904);--brand-2:lab(76.1542% -6.09168 -51.4713);--brand-soft:lab(15.9844% -.378087 -27.0966);--brand-ink:lab(88.1045% -6.66496 -34.8837);--accent-soft:lab(18.5711% 13.9242 32.4219);--pos-soft:lab(17.2378% -18.0902 11.8984);--neg-soft:lab(18.0069% 25.1663 14.7585);--warn-soft:lab(18.5711% 13.9242 32.4219)}}[data-density=compact]{--dens:.82}[data-density=comfortable]{--dens:1.12}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-size:13.5px;line-height:1.45}.display{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-weight:800}.title{font-family:var(--font-display);letter-spacing:-.005em;font-weight:700}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:10.5px;font-weight:700}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.app{grid-template-columns:232px 1fr;min-height:100vh;display:grid}[data-density=compact] .app{grid-template-columns:212px 1fr}.sidebar{background:var(--bg-elev);border-right:1px solid var(--line);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brandmark{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:20px 20px 18px;display:flex}.brandmark .logo-box{background:var(--ink);color:#fff;width:34px;height:34px;font-family:var(--font-display);letter-spacing:-.02em;border-radius:8px;place-items:center;font-size:18px;font-weight:900;display:grid}.brandmark .logo-box:after{content:"H"}.brandmark .wm{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:800;line-height:1}.brandmark .wm small{color:var(--ink-3);letter-spacing:.12em;margin-top:3px;font-size:9.5px;font-weight:600;display:block}.nav{flex-direction:column;flex:1;gap:1px;padding:14px 10px;display:flex;overflow-y:auto}.nav-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);padding:14px 12px 6px;font-size:10px;font-weight:700}.nav-item{color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.nav-item:hover{background:var(--bg-sunken);color:var(--ink)}.nav-item[aria-current=page]{background:var(--ink);color:#fff}[data-theme=dark] .nav-item[aria-current=page]{background:var(--brand-soft);color:var(--brand-ink)}.nav-item .ico{opacity:.85;flex:none;width:16px;height:16px}.nav-item[aria-current=page] .ico{opacity:1}.nav-item .badge-dot{background:var(--accent);border-radius:99px;width:6px;height:6px;margin-left:auto}.sidebar-footer{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.sidebar-footer .avatar{background:var(--brand-soft);width:30px;height:30px;color:var(--brand-ink);font-weight:700;font-family:var(--font-display);border-radius:8px;place-items:center;font-size:12px;display:grid}.sidebar-footer .who{line-height:1.2}.sidebar-footer .who b{font-size:12.5px;display:block}.sidebar-footer .who span{color:var(--ink-3);font-size:11px}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:5;background:color-mix(in oklab, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(160%)blur(10px);backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px 28px;display:flex;position:sticky;top:0}.topbar .crumb{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:800}.topbar .crumb span{color:var(--ink-3)}.topbar .pill{color:var(--ink-3);border:1px solid var(--line);background:var(--bg-elev);border-radius:99px;align-items:center;gap:6px;padding:5px 9px;font-size:11.5px;display:inline-flex}.topbar .pill .dot{background:var(--pos);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--pos) 25%, transparent);border-radius:99px}.topbar .push{flex:1}.topbar .seg{border:1px solid var(--line);background:var(--bg-elev);border-radius:8px;display:inline-flex;overflow:hidden}.topbar .seg button{color:var(--ink-2);font:inherit;cursor:pointer;border:0;border-right:1px solid var(--line);background:0 0;padding:6px 10px;font-size:12px}.topbar .seg button:last-child{border-right:0}.topbar .seg button[aria-pressed=true]{background:var(--ink);color:#fff}[data-theme=dark] .topbar .seg button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-ink)}.btn{background:var(--bg-elev);color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:all .12s;display:inline-flex}.btn:hover{background:var(--bg-sunken)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{background:var(--ink-2)}[data-theme=dark] .btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-sunken)}.btn.brand{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.brand:hover{background:var(--brand-2);border-color:var(--brand-2)}.btn.loading .ico{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.content{gap:var(--gap);flex-direction:column;padding:22px 28px 60px;display:flex}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);position:relative}.card.flat{box-shadow:none}.card-head{padding:var(--pad-tight) var(--pad-card);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;display:flex}.card-head .h{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:11.5px;font-weight:700}.card-head .sub{color:var(--ink-3);font-size:11.5px}.card-body{padding:var(--pad-card)}.card-body.tight{padding:var(--pad-tight) var(--pad-card)}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.kpi{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;position:relative;overflow:hidden}.kpi-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-size:10.5px;font-weight:700}.kpi-value{font-family:var(--font-display);letter-spacing:-.015em;margin-top:6px;font-size:26px;font-weight:800;line-height:1}.kpi-delta{align-items:center;gap:4px;margin-top:10px;font-size:11.5px;font-weight:600;display:inline-flex}.kpi-delta.pos{color:var(--pos)}.kpi-delta.neg{color:var(--neg)}.kpi-delta .vs{color:var(--ink-3);margin-left:4px;font-weight:500}.kpi-spark{pointer-events:none;opacity:.9;position:absolute;inset:0}.kpi.feature{background:var(--ink);color:#fff;border-color:var(--ink)}.kpi.feature .kpi-label{color:#fff9}.kpi.feature .kpi-delta.pos{color:#86e79c;color:lab(84.3955% -41.9474 27.3063)}.kpi.feature .kpi-delta.neg{color:#ff9e96;color:lab(75.4484% 43.6674 24.4888)}.kpi.feature .kpi-delta .vs{color:#ffffff8c}[data-theme=dark] .kpi.feature{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand-soft)}.grid-2{gap:var(--gap);grid-template-columns:2fr 1fr;display:grid}.grid-3{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.grid-12{gap:var(--gap);grid-template-columns:repeat(12,1fr);display:grid}.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 14px}.tbl th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);background:var(--bg-sunken);font-size:10.5px;font-weight:700;position:sticky;top:0}.tbl tr:last-child td{border-bottom:0}.tbl td.num{font-variant-numeric:tabular-nums}.tbl tbody tr:hover{background:var(--bg-sunken)}.tbl .right{text-align:right}.chip{background:var(--bg-sunken);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.chip.pos{background:var(--pos-soft);color:var(--pos);border-color:#0000}.chip.neg{background:var(--neg-soft);color:var(--neg);border-color:#0000}.chip.warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.chip.brand{background:var(--brand-soft);color:var(--brand-ink);border-color:#0000}.chip .sq{border-radius:2px;width:8px;height:8px}.bar{background:var(--bg-sunken);border-radius:99px;height:6px;position:relative;overflow:hidden}.bar>span{background:var(--brand);border-radius:99px;position:absolute;inset:0 auto 0 0}.ch-meta{background:#337aef;background:lab(51.8494% 10.1126 -66.452)}.ch-google{background:#d89700;background:lab(67.4456% 19.5618 91.9887)}.ch-wa{background:#1eab53;background:lab(61.5166% -51.6053 34.349)}.ch-organic{background:#69737d;background:lab(47.7753% -2.03165 -7.06356)}.tweaks{background:var(--bg-elev);border:1px solid var(--line);width:280px;box-shadow:var(--shadow-lg);z-index:40;border-radius:12px;position:fixed;bottom:18px;right:18px;overflow:hidden}.tweaks header{border-bottom:1px solid var(--line);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;font-weight:800;display:flex}.tweaks .body{flex-direction:column;gap:12px;padding:12px 14px;display:flex}.tweaks .row{justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;display:flex}.tweaks .seg{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.tweaks .seg button{font:inherit;color:var(--ink-2);cursor:pointer;border:0;border-right:1px solid var(--line);background:0 0;padding:4px 9px;font-size:11.5px}.tweaks .seg button:last-child{border-right:0}.tweaks .seg button[aria-pressed=true]{background:var(--ink);color:#fff}[data-theme=dark] .tweaks .seg button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-ink)}.modal-backdrop{background:color-mix(in oklab, var(--ink) 55%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elev);border:1px solid var(--line);width:min(720px,100%);max-height:88vh;box-shadow:var(--shadow-lg);border-radius:14px;overflow:auto}.modal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal header .h{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:800}.modal .body{padding:20px}.modal footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.drop{border:2px dashed var(--line-strong);text-align:center;color:var(--ink-3);background:var(--bg-sunken);cursor:pointer;border-radius:12px;padding:36px;transition:background .15s,border-color .15s}.drop:hover,.drop.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.drop .big{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:800}.field{flex-direction:column;gap:5px;display:flex}.field label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:10.5px;font-weight:700}.input,.select{border:1px solid var(--line);background:var(--bg-elev);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:8px 11px;font-size:13px}.input:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab, var(--brand) 25%, transparent);outline:none}.sug{border:1px solid var(--line);background:var(--bg-elev);border-radius:12px;grid-template-columns:1fr auto;gap:10px;padding:16px 18px;display:grid;position:relative;overflow:hidden}.sug:before{content:"";background:var(--ink-4);width:4px;position:absolute;top:0;bottom:0;left:0}.sug[data-sev=high]:before{background:var(--neg)}.sug[data-sev=med]:before{background:var(--accent)}.sug[data-sev=win]:before{background:var(--pos)}.sug .sug-top{font-size:11px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);align-items:center;gap:8px;font-weight:700;display:flex}.sug .sug-title{font-family:var(--font-display);letter-spacing:-.005em;margin-top:6px;font-size:15px;font-weight:800}.sug .sug-body{color:var(--ink-2);max-width:64ch;margin-top:4px;font-size:12.5px}.sug .sug-foot{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sug .sug-actions{flex-direction:column;align-items:flex-end;gap:6px;min-width:140px;display:flex}.sug .sug-actions .dlt{color:var(--ink-3);font-size:11px}.funnel{flex-direction:column;gap:6px;display:flex}.funnel .stage{grid-template-columns:110px 1fr auto;align-items:center;gap:12px;font-size:12.5px;display:grid}.funnel .stage .lbl{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-size:11px;font-weight:700}.funnel .bar2{background:var(--bg-sunken);border-radius:6px;height:28px;position:relative;overflow:hidden}.funnel .bar2>span{background:var(--brand);color:#fff;font-family:var(--font-display);border-radius:6px;align-items:center;padding-left:10px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0 auto 0 0}.funnel .stage.s1 .bar2>span{background:#337aef;background:lab(51.8494% 10.1126 -66.452)}.funnel .stage.s2 .bar2>span{background:#0063b9;background:lab(40.6041% 4.27426 -60.6411)}.funnel .stage.s3 .bar2>span{background:#004d8f;background:lab(31.2314% 7.01645 -57.1725)}.funnel .stage.s4 .bar2>span{background:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border:2px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.row{align-items:center;display:flex}.row.g8{gap:8px}.row.g12{gap:12px}.row.g16{gap:16px}.row.between{justify-content:space-between}.col{flex-direction:column;display:flex}.col.g4{gap:4px}.col.g8{gap:8px}.col.g12{gap:12px}.muted{color:var(--ink-3)}.tiny{font-size:11px}.small{font-size:12px}.bold{font-weight:700}.upper{text-transform:uppercase;letter-spacing:.06em}.right{text-align:right}.center{text-align:center}.pad{padding:var(--pad-card)}.w-100{width:100%}.hide-charts .chart-hideable{display:none}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:780px){.app{grid-template-columns:64px 1fr}.sidebar .brandmark .wm,.sidebar .nav-item .lbl,.sidebar .nav-label{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}.content{padding:16px}.topbar{padding:10px 14px}}
