:root{--ink:#25302a;--muted:#78817a;--green:#344c3b;--green2:#53735a;--sage:#a7b596;--pale:#e9eee4;--canvas:#f7f7f2;--line:#e4e8df;--cream:#f2efe7;--terracotta:#be765c;--ochre:#cbaa65;--blue:#83aaa6;--white:#fff;--shadow:0 18px 45px rgba(37,48,42,.035)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,select{font:inherit}button{cursor:pointer}a{color:inherit}svg{display:block}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #99a98a;outline-offset:3px}.app{display:flex;min-height:100vh}.sidebar{width:244px;background:#f9faf6;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;margin:32px 22px 34px;text-decoration:none}.brand-icon{width:44px;height:44px;color:var(--green)}.brand-name{font-size:20px;font-weight:440;letter-spacing:-1px;line-height:20px}.brand-tag{display:block;font-size:8px;font-weight:700;letter-spacing:2px;margin-top:6px;color:#7e8b80}.sidebar-section{font-size:10px;letter-spacing:1.8px;color:#939e93;font-weight:700;padding:0 24px;margin:16px 0 12px;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:5px;padding:0 12px}.nav-btn{border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;min-height:43px;padding:0 14px;border-radius:9px;color:#6d7970;font-size:13px;font-weight:580;transition:.2s}.nav-btn svg{width:17px;height:17px;stroke-width:1.75}.nav-btn:hover{background:#eef2ea;color:var(--green)}.nav-btn.active{background:#e5ebdf;color:#314c36;font-weight:750}.nav-btn .nav-end{margin-left:auto;font-size:9px;border:1px solid #cbd8c4;border-radius:4px;padding:3px 5px}.sidebar-bottom{margin-top:auto;padding:20px}.sidebar-swatch{background:#e6ecdf;border-radius:12px;padding:19px 17px;position:relative;overflow:hidden}.sidebar-swatch:after{content:"";position:absolute;width:105px;height:105px;right:-49px;top:-38px;border:17px solid rgba(94,123,94,.11);transform:rotate(45deg)}.swatch-top{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#627760}.swatch-number{font-size:26px;letter-spacing:-1px;margin-top:9px}.swatch-foot{font-size:11px;color:#6c7e70;line-height:1.5;margin-top:4px}.sidebar-bottom small{display:block;font-size:10px;color:#a6aaa3;padding:14px 4px 0}.main{margin-left:244px;min-width:0;flex:1}.main-inner{max-width:1600px;margin:auto;padding:31px 37px 50px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.top-kicker{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:770;color:#758879}.top-title{font-size:28px;letter-spacing:-.95px;font-weight:530;margin:6px 0 0;line-height:1.2}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.demo-pill{background:#f2e9d8;color:#846f44;border:1px solid #e8dcbf;padding:9px 10px;border-radius:7px;font-size:10px;letter-spacing:1.2px;font-weight:800;white-space:nowrap}.control-wrap{display:flex;align-items:center;background:#fff;border:1px solid #e3e7df;border-radius:8px;min-height:36px;padding-left:12px;gap:6px;color:#768379}.control-wrap svg{height:15px;width:15px}.control-wrap select{border:0;outline:0;min-width:104px;appearance:none;padding:9px 22px 9px 0;background:transparent;color:#334436;font-weight:650;font-size:12px;cursor:pointer}.select-arrow{position:relative;margin-left:-19px;margin-right:11px;pointer-events:none;opacity:.5}.export-btn{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#334b3a;color:#fff;border:1px solid #334b3a;border-radius:8px;font-weight:700;font-size:11px}.export-btn:hover{background:#526b53}.export-btn svg{width:15px;height:15px}.filter-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:25px 0 21px;flex-wrap:wrap}.section-name{font-size:11px;color:#718071}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chips .control-wrap{box-shadow:none}.hero{background:#a9b797;min-height:204px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(225,233,213,.44),transparent 65%);z-index:-1}.hero-content{padding:30px 36px;max-width:580px;z-index:2}.hero-overline{font-size:10px;letter-spacing:2.1px;font-weight:800;text-transform:uppercase;color:#486249}.hero h2{font-weight:450;font-size:31px;line-height:1.13;letter-spacing:-1.25px;max-width:485px;margin:14px 0 11px}.hero p{font-size:12px;line-height:1.6;color:#4e654f;max-width:490px;margin:0}.tiles-art{position:absolute;right:9%;top:-110px;bottom:-100px;width:300px;transform:rotate(-13deg);opacity:.90;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tile-stack{display:flex;flex-direction:column;gap:8px;transform:translateY(var(--shift))}.tile{position:relative;display:block;min-height:71px;aspect-ratio:1;background:var(--tile-color);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 2px 3px #0003)}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(128deg,#fff6,transparent 45%,#2030211e 55%,#0002);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:21px}.kpi{background:#fff;border:1px solid #e8ece4;border-radius:11px;padding:19px 18px 17px;box-shadow:var(--shadow);min-width:0}.kpi-label{font-size:11px;color:#7c887d;font-weight:630;display:flex;justify-content:space-between;align-items:center;gap:4px}.kpi-label svg{width:16px;height:16px;color:#9eaa9c}.kpi-value{font-size:29px;letter-spacing:-1.2px;font-weight:540;margin:15px 0 9px;white-space:nowrap}.kpi-footer{font-size:10px;color:#909a90;display:flex;gap:7px;align-items:center;line-height:1.4}.delta{color:#3f8660;font-size:10px;font-weight:780;background:#edf5ed;padding:4px 6px;border-radius:5px}.delta.flat{color:#727e78;background:#eff1ee}.grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);gap:16px;margin-bottom:16px}.panel{background:#fff;border:1px solid #e8ece4;border-radius:11px;min-width:0;box-shadow:var(--shadow);overflow:hidden}.panel-padded{padding:22px 23px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-label{font-weight:680;font-size:15px;letter-spacing:-.2px}.panel-caption{font-size:11px;color:#879489;margin-top:5px;line-height:1.5}.text-link{font-size:11px;color:#436548;font-weight:700;text-decoration:none;border-bottom:1px solid #9caf98;padding-bottom:3px;white-space:nowrap;background:none;border-top:0;border-left:0;border-right:0}.text-link:hover{color:#172d23}.legend{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.legend-item{font-size:10px;color:#7f8981;display:flex;align-items:center;gap:6px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--col)}.chart-main{height:222px;width:100%;overflow:visible}.chart-note{font-size:10px;color:#98a096;display:flex;justify-content:space-between;margin-top:8px}.source-donut{display:flex;gap:26px;align-items:center;margin-top:22px}.donut{width:162px;height:162px;border-radius:50%;background:conic-gradient(#54745d 0 53%,#8eada7 53% 67%,#c5a460 67% 83%,#bb816c 83% 100%);position:relative;flex-shrink:0;transition:background .3s}.donut:before{content:"";position:absolute;inset:34px;background:white;border-radius:50%}.donut-middle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-middle strong{font-size:27px;letter-spacing:-.8px;font-weight:550}.donut-middle span{font-size:9px;letter-spacing:1px;color:#9ba49c;text-transform:uppercase}.source-list{display:flex;flex-direction:column;gap:14px;min-width:0;flex:1}.source-row{display:flex;align-items:center;gap:9px;min-width:0;font-size:11px}.source-row .source-name{flex:1;color:#778378;white-space:nowrap}.source-row strong{color:#394940;font-weight:750;font-size:11px}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 16px}.channel-card{background:white;border:1px solid #e6ebe2;border-radius:11px;padding:19px 21px;min-width:0;position:relative;box-shadow:var(--shadow)}.channel-top{display:flex;gap:11px;align-items:center}.channel-icon{height:35px;width:35px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg)}.channel-icon svg{width:19px;height:19px;color:var(--color)}.channel-head{font-size:14px;font-weight:730}.channel-sub{font-size:10px;color:#969e95;margin-top:2px}.channel-value{font-size:25px;font-weight:570;letter-spacing:-.8px;margin:24px 0 4px}.channel-detail{font-size:11px;color:#7b897f;line-height:1.45}.channel-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:21px;gap:12px}.mini-bar{background:#e8ede7;border-radius:50px;height:5px;flex:1;overflow:hidden}.mini-bar span{display:block;height:100%;background:var(--color);border-radius:50px;width:var(--pct)}.channel-bottom button{color:#4c6d51;border:0;background:transparent;font-size:11px;font-weight:720;white-space:nowrap}.grid-bottom{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr);gap:16px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.data-table th{font-size:9px;letter-spacing:1px;color:#a0aaa1;font-weight:800;text-align:left;border-bottom:1px solid #eef0ed;padding:0 12px 13px 0;text-transform:uppercase}.data-table td{border-bottom:1px solid #f1f3ee;padding:15px 12px 15px 0;color:#65746a}.data-table tr:last-child td{border:0}.data-table td:first-child{color:#334a38;font-weight:700}.data-table td:last-child,.data-table th:last-child{text-align:right;padding-right:0}.mini-status{font-size:9px;font-weight:720;background:#edf4ee;color:#487354;padding:5px 7px;border-radius:4px}.campaign-name{display:block;font-weight:730;color:#344b3a}.campaign-sublabel{font-size:10px;color:#9ca69e;font-weight:400;margin-top:4px}.budget-track{height:9px;border-radius:40px;background:#edf0e9;overflow:hidden;margin:21px 0 11px}.budget-fill{height:100%;width:0;background:#8ba48a;border-radius:40px;transition:.4s}.budget-summary{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.budget-summary strong{font-size:27px;font-weight:530;letter-spacing:-1px}.budget-summary small{font-size:11px;color:#929e93}.budget-entries{margin-top:22px;display:flex;flex-direction:column;gap:15px}.budget-entry{display:flex;align-items:center;gap:10px;font-size:11px}.budget-entry .label{flex:1;color:#667669}.budget-entry strong{font-weight:720}.budget-swatch{width:9px;height:9px;border-radius:2px;background:var(--color)}.budget-foot{margin-top:22px;background:#f1f4ee;border-radius:8px;padding:12px 14px;display:flex;gap:10px;color:#6e8172;font-size:11px;line-height:1.5}.budget-foot svg{width:17px;min-width:17px;height:17px;color:#78977b}.footer{margin-top:26px;display:flex;align-items:center;justify-content:space-between;color:#a5aca5;font-size:10px;gap:12px;line-height:1.6}.footer a{color:#657969;text-decoration:none}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:16px;margin-bottom:16px}.strip-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.strip-stat{background:#fff;border:1px solid #e8ece4;border-radius:11px;padding:18px 19px}.strip-stat .title{color:#829083;font-size:11px}.strip-stat .value{font-size:28px;font-weight:560;letter-spacing:-1px;margin-top:12px}.strip-stat .meta{font-size:10px;color:#97a196;margin-top:5px}.info-list{display:flex;flex-direction:column;gap:0}.info-item{padding:14px 0;border-bottom:1px solid #eef0ec}.info-item:last-child{border:0}.info-item strong{font-size:12px;color:#38533d}.info-item p{font-size:11px;color:#829083;line-height:1.65;margin:5px 0 0}.rank-number{font-size:11px;color:#9ead9f;padding-right:8px}.progress-track{height:7px;width:100%;background:#e9eee7;border-radius:20px;overflow:hidden;margin-top:7px}.progress-fill{height:100%;background:#8ba88a;display:block;border-radius:20px}.ranked-item{padding:12px 0;border-bottom:1px solid #eff1ed}.ranked-item:last-child{border:0}.ranked-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:11px}.ranked-head strong{font-size:12px;color:#36503d}.ranked-head span{color:#849287}.prompt-item{padding:16px 0;border-bottom:1px solid #edf0ea}.prompt-item:last-child{border:0}.prompt-title{font-size:12px;line-height:1.5;color:#3e5244;font-weight:700}.prompt-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#919d92}.prompt-mention{display:inline-flex;align-items:center;background:#e7efe7;padding:4px 7px;border-radius:4px;color:#57785a;font-weight:800}.prompt-mention.weak{background:#f4eee3;color:#947a46}.funnel{display:grid;gap:12px}.funnel-row{display:grid;grid-template-columns:130px 1fr 70px;gap:15px;align-items:center;font-size:11px;color:#738176}.funnel-row strong{text-align:right;color:#425746}.funnel-track{height:17px;background:#eef1eb;border-radius:4px;overflow:hidden}.funnel-track span{display:block;height:100%;background:var(--color);width:var(--pct);border-radius:4px}.integration-row{display:flex;gap:13px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #edf0eb}.integration-row:last-child{border:0}.integration-icon{height:38px;width:38px;background:#f1f4ed;display:grid;place-items:center;border-radius:9px;color:#638064}.integration-icon svg{height:19px;width:19px}.integration-row strong{font-size:12px}.integration-row p{font-size:11px;color:#89978a;line-height:1.6;margin:6px 0 0}.integration-status{margin-left:auto;white-space:nowrap;color:#a1874e;background:#f4eedf;border-radius:5px;font-size:9px;padding:6px;font-weight:760}.view-panel{display:none}.view-panel.active{display:block}.mobile-menu{display:none}.empty-note{font-size:11px;line-height:1.7;color:#98a397}.section-divider{display:flex;align-items:center;gap:10px;margin:20px 0 14px}.section-divider span{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:800;color:#849384}.section-divider:after{content:"";flex:1;height:1px;background:#e5eae2}.canvas-tip{border:1px solid #e7e9db;background:#f5f4e9;color:#79826b;padding:12px 15px;border-radius:7px;font-size:11px;line-height:1.7;margin-top:16px}.month-tick{font-size:10px;fill:#96a299}.sparkline{height:36px;width:100%;margin-top:6px}.content-hidden{display:none!important}button.inline-action{padding:0;border:0;background:none;color:#416847;font-weight:750;font-size:11px;text-decoration:underline;text-underline-offset:4px}.report-heading{font-size:22px;font-weight:540;letter-spacing:-.6px;margin:0 0 7px}.report-intro{font-size:12px;color:#7f8d81;line-height:1.7;margin:0 0 21px}.metric-breakdown{display:flex;gap:6px;align-items:flex-end;min-height:95px;margin-top:17px}.metric-breakdown span{flex:1;background:#bbcab5;border-radius:5px 5px 0 0;height:var(--h);opacity:.8}.metric-breakdown span:last-child{background:#607b63}
@media(max-width:1450px){.kpis{grid-template-columns:repeat(3,1fr)}.main-inner{padding-left:28px;padding-right:28px}.tiles-art{right:3%}.source-donut{gap:14px}.donut{width:132px;height:132px}.donut:before{inset:29px}}
@media(max-width:1150px){.sidebar{width:216px}.main{margin-left:216px}.grid-main,.grid-bottom,.detail-layout{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(3,1fr)}.source-donut{gap:30px}.donut{width:150px;height:150px}.topbar{align-items:flex-start}.top-actions{justify-content:flex-end}}
@media(max-width:770px){.sidebar{width:260px;transform:translateX(-100%);transition:transform .25s;box-shadow:15px 0 45px #0000000b}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.main-inner{padding:18px 15px 35px}.mobile-menu{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e0e7df;border-radius:8px;background:white;margin-right:8px}.mobile-menu svg{width:18px;height:18px}.topbar{flex-wrap:wrap}.top-title{font-size:23px}.top-actions{width:100%;justify-content:flex-start}.filter-row{margin-top:17px}.hero{min-height:180px}.hero-content{padding:23px}.hero h2{font-size:25px;max-width:340px}.tiles-art{opacity:.35;right:-155px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-grid,.strip-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-value{font-size:24px}.panel-padded{padding:18px}.source-donut{flex-wrap:wrap}.source-list{min-width:150px}}
@media(max-width:460px){.channel-grid,.strip-stats{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.filter-chips{width:100%}.control-wrap{flex:1}.control-wrap select{min-width:75px}.hero h2{font-size:22px}.hero p{font-size:11px}.top-actions .control-wrap{flex:1}.top-actions .control-wrap select{min-width:90px}.donut{width:140px;height:140px}.funnel-row{grid-template-columns:85px 1fr 50px;gap:8px}.footer{display:block}.source-list{flex:1}}
@media print{.sidebar,.top-actions,.filter-row,.footer,.text-link,.channel-bottom button,.mobile-menu{display:none!important}.main{margin:0}.main-inner{padding:0}.app{display:block}.panel,.kpi,.channel-card,.hero{break-inside:avoid;box-shadow:none}.view-panel:not(.active){display:none}.kpis{grid-template-columns:repeat(5,1fr)}body{background:white}}

/* Live data additions */
.delta.down{color:#a2553d;background:#f7ebe6}
.delta.flat{color:#727e78;background:#eff1ee}
.demo-pill.live{background:#e4f0e6;border-color:#cfe3d3;color:#3f7a54}
.demo-pill.partial{background:#f2e9d8;border-color:#e8dcbf;color:#846f44}
.demo-pill.error{background:#f7ebe6;border-color:#edd3c9;color:#a2553d}
.integration-status.live{background:#e4f0e6;color:#3f7a54}
.integration-status.error{background:#f7ebe6;color:#a2553d}
.integration-status.configured{background:#e8eef2;color:#4f6f86}
.integration-body{flex:1;min-width:0}
.integration-body p{margin:4px 0 0;color:var(--muted);line-height:1.5;font-size:12.5px}
.integration-env{margin:8px 0 0;display:grid;gap:4px}
.integration-env code{font-size:11px;background:#f1f4ed;border-radius:4px;padding:2px 6px}
.integration-env .set{color:#3f7a54}.integration-env .missing{color:#a1874e}
.integration-err{margin-top:8px;color:#a2553d;font-size:12px}
.integration-uses{margin-top:6px;font-size:11px;color:#7e8b80}
.refreshing .main-inner{opacity:.55;transition:opacity .15s}
.empty-row td{color:var(--muted);text-align:center;padding:22px}
.toast{position:fixed;bottom:18px;right:18px;background:#334b3a;color:#fff;padding:11px 14px;border-radius:9px;font-size:12px;box-shadow:0 8px 28px rgba(0,0,0,.18);max-width:360px;z-index:30}
.geo-run{margin-top:12px}