@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#242426;font-synthesis:none;background:#f4f1e9;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}main{max-width:1600px;margin:auto;padding:32px 38px 20px}header{justify-content:space-between;align-items:flex-end;padding-bottom:27px;display:flex}h1{letter-spacing:-.065em;margin:12px 0 13px;font-size:clamp(42px,6vw,76px);line-height:.9}header p{color:#6d6a64;margin:0;font-size:17px}.eyebrow,small,th{letter-spacing:.06em;font-family:DM Mono,monospace}.eyebrow{border:1px solid #242426;border-radius:20px;padding:6px 9px;font-size:11px}.modelName{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-family:DM Mono;font-size:9px;display:flex}.modelName input{background:0 0;border:0;border-bottom:1px solid #aaa;outline:none;min-width:180px;padding:5px 2px}.pageNav{gap:5px;margin:18px 0 10px;display:flex}.pageNav button{cursor:pointer;background:0 0;border:1px solid #bdb8ae;padding:7px 14px;font-family:DM Mono;font-size:9px}.pageNav button.active{color:#fff;background:#242426}.headerActions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.fileInput{display:none}.uploadControl{cursor:pointer;background:0 0;border:1px solid #242426;align-items:center;gap:7px;padding:11px 12px;font-size:12px;display:flex}.uploadControl input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.importMessage{background:#e5f6df;border:1px solid #9abb8e;margin:0 0 16px;padding:10px 12px;font-family:DM Mono;font-size:11px}.headerActions button{cursor:pointer;background:0 0;border:1px solid #242426;align-items:center;gap:7px;padding:11px 12px;display:flex}.formatSelect{border:1px solid #242426;align-items:center;gap:5px;padding:0 9px;font-family:DM Mono;font-size:8px;display:flex}.formatSelect select{background:0 0;border:0;outline:none;font-family:DM Mono;font-size:9px}.headerActions .primary{color:#fff;background:#242426}.notice{background:#fff1c9;border:1px solid #dfc36b;align-items:flex-start;gap:11px;margin:18px 0;padding:13px 16px;display:flex}.notice div{align-items:baseline;gap:10px;display:flex}.notice span{color:#645b42;font-size:13px}.notice code{font-family:DM Mono;font-size:11px}.layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}aside,.chartCard,.tableCard,.cards article{background:#fff;border:1px solid #d7d2c7}aside{height:max-content;padding:17px;position:sticky;top:12px}.panelHead,.chartTitle{justify-content:space-between;align-items:flex-start;display:flex}.panelHead{border-bottom:1px solid #dedad1;margin-bottom:4px;padding-bottom:13px}.panelHead h2,.chartTitle h2{margin:0;font-size:16px}.panelHead span{background:#ebe7dd;padding:5px 7px;font-family:DM Mono;font-size:10px}.field{border-bottom:1px solid #eeeae2;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:12px;display:flex}.field span{flex-direction:column;font-weight:600;display:flex}.field small{color:#98938a;margin-top:3px;font-size:8px}.input{background:#faf9f5;border:1px solid #cbc6bb;align-items:center;min-width:86px;display:flex}.input input{text-align:right;background:0 0;border:0;outline:none;width:62px;padding:7px;font-family:DM Mono;font-size:11px}.input b{color:#7d786f;padding-right:7px;font-size:10px}.monthInput select{background:0 0;border:0;outline:none;width:100%;padding:7px;font-family:DM Mono;font-size:10px}.scenarioTabs{grid-template-columns:repeat(3,1fr);gap:4px;margin:9px 0;display:grid}.scenarioTabs button{cursor:pointer;background:#faf9f5;border:1px solid #d2cdc2;padding:7px 2px;font-family:DM Mono;font-size:8px}.scenarioTabs button.active{color:#fff;background:#242426}.dashboard{min-width:0}.forecastMode .channelCard,.forecastMode .methodCard,.forecastMode .baselineCard,.forecastMode .deepCard{display:none}.channelMode,.methodMode,.baselineMode,.deepMode{grid-template-columns:1fr}.channelMode aside,.methodMode aside,.baselineMode aside,.deepMode aside,.channelMode .dashboard>*,.methodMode .dashboard>*,.baselineMode .dashboard>*,.deepMode .dashboard>*{display:none}.channelMode .dashboard>.channelCard,.methodMode .dashboard>.methodCard,.baselineMode .dashboard>.baselineCard,.deepMode .dashboard>.deepCard{display:block}.cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.cards article{padding:18px}.cards small{color:#78746c;font-size:9px}.cards strong{letter-spacing:-.04em;margin:8px 0;font-size:28px;display:block}.cards em{color:#7b61ff;font-size:10px;font-style:normal}.deepCard{background:#fff;border:1px solid #d7d2c7;padding:20px}.deepTabs{border-bottom:1px solid #ddd8ce;flex-wrap:wrap;gap:6px;padding-bottom:12px;display:flex}.deepTabs button{cursor:pointer;background:0 0;border:1px solid #bbb6ac;padding:10px 14px;font-family:DM Mono;font-size:9px}.deepTabs button.active{color:#fff;background:#27282a}.deepTitle{justify-content:space-between;align-items:flex-end;padding:24px 4px 16px;display:flex}.deepTitle span{color:#ff6b4a;text-transform:uppercase;font-family:DM Mono;font-size:8px}.deepTitle h2{margin:7px 0;font-size:27px}.deepTitle p{color:#767169;margin:0;font-size:11px}.deepTitle>strong,.deepActions strong{color:#ff6b4a;font-size:20px}.deepActions{align-items:center;gap:12px;display:flex}.deepActions button,.deepEditable button{cursor:pointer;background:0 0;border:1px solid #aaa49a;padding:7px 10px;font-family:DM Mono;font-size:8px}.deepEditable{color:#777;flex-direction:column;align-items:flex-end;gap:7px;font-family:DM Mono;font-size:8px;display:flex}.deepEditable span{color:#ff6b4a;align-items:center;font-size:20px;font-weight:700;display:flex}.deepEditable input{color:#ff6b4a;text-align:right;background:0 0;border:0;border-bottom:1px solid #ff6b4a;width:130px;font:700 20px DM Sans}.draggableDot{cursor:ns-resize;touch-action:none;pointer-events:all!important}.deepChart{border:1px solid #e0dcd3;padding:18px 10px 4px}.deepTable{border:1px solid #ddd8ce;margin-top:12px;overflow:auto}.deepTable table{min-width:850px}.deepTable th{background:#f4f1e9}.deepTable td,.deepTable th{padding:13px 10px}.baselineCard{background:#fff;border:1px solid #d7d2c7;padding:28px}.baselineHead{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.baselineHead>div:first-child{max-width:650px}.baselineHead>div>span{color:#ff6b4a;text-transform:uppercase;font-family:DM Mono;font-size:9px}.baselineHead h2{margin:8px 0;font-size:28px}.baselineHead p{color:#6e6961;font-size:12px;line-height:1.6}.baselineActions{gap:8px;display:flex}.baselineActions button{color:#fff;cursor:pointer;background:#242426;border:1px solid #242426;align-items:center;gap:7px;padding:11px 12px;display:flex}.baselineGrid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;display:grid}.baselineGrid label{flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.baselineGrid input,.baselineGrid output{background:#faf9f5;border:1px solid #ccc7bc;padding:13px;font-family:DM Mono;font-size:14px}.baselineGrid .derived{position:relative}.baselineGrid .derived small{color:#888;font-size:7px;position:absolute;top:0;right:8px}.baselineGrid output{color:#7b61ff}.baselineFoot{background:#f4f1e9;justify-content:space-between;align-items:center;margin-top:16px;padding:14px;display:flex}.baselineFoot p{margin:0;font-size:11px}.secondaryCards article{color:#fff;background:#27282a;border-color:#27282a}.secondaryCards small{color:#aaa}.secondaryCards em{color:#ff8a6e}.methodCard{background:#fff;border:1px solid #d7d2c7;padding:28px}.methodIntro{max-width:760px;margin-bottom:24px}.methodIntro h2{margin:0 0 8px;font-size:28px}.methodIntro p{color:#706c64;line-height:1.6}.methodGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.methodGrid article{border:1px solid #ddd8ce;padding:20px}.methodGrid article>span{color:#ff6b4a;font-family:DM Mono;font-size:9px}.methodGrid h3{margin:9px 0;font-size:16px}.methodGrid p{color:#69655e;font-size:12px;line-height:1.6}.methodGrid code{background:#f4f1e9;padding:10px;font-family:DM Mono;font-size:9px;line-height:1.7;display:block}.methodNotes{color:#fff;background:#27282a;margin-top:12px;padding:22px}.methodNotes h3{margin-top:0}.methodNotes ol{columns:2;column-gap:50px;margin-bottom:0;padding-left:20px}.methodNotes li{break-inside:avoid;margin-bottom:8px;font-size:11px;line-height:1.6}.chartCard,.tableCard{padding:19px}.chartTitle{margin-bottom:17px}.chartTitle p{color:#8a867e;margin:5px 0 0;font-size:11px}.wide{margin-bottom:12px}.channelCard{color:#fff;background:#27282a;margin-bottom:12px;padding:18px;overflow:auto}.channelCard .chartTitle{margin-bottom:12px}.channelCard .chartTitle p{color:#aaa69d}.channelCard .chartTitle>b{color:#ff6b4a;font-family:DM Mono;font-size:13px}.advanced{margin-top:8px}.advanced summary{cursor:pointer;padding:10px 0;font-size:11px;font-weight:700}.budgetBar{background:#353537;gap:24px;margin-bottom:12px;padding:12px;display:flex}.budgetBar label{align-items:center;gap:10px;font-size:10px;display:flex}.budgetBar label:first-child{margin-right:auto}.budgetBar span{border-bottom:1px solid #777;align-items:center;display:flex}.budgetBar input,.channel input{color:#fff;text-align:right;background:0 0;border:0;outline:none;font-family:DM Mono}.budgetBar input{width:90px;padding:5px}.budgetBar small{color:#aaa}.warn{color:#ffb74b}.channelTabs{gap:6px;margin:16px 0 8px;display:flex}.channelTabs button{color:#ddd;cursor:pointer;background:0 0;border:1px solid #5b5b5d;padding:11px 16px;font-family:DM Mono;font-size:11px}.channelTabs button.active{color:#242426;background:#fff}.channelTabs .showHidden{margin-left:auto}.channelGroups h3{text-transform:uppercase;letter-spacing:.08em;color:#aaa;margin:18px 0 7px;font-family:DM Mono;font-size:9px}.channel{border-top:1px solid #515153}.channel>summary{cursor:pointer;grid-template-columns:minmax(160px,1.4fr) repeat(5,minmax(100px,1fr));align-items:center;gap:14px;padding:16px 12px;list-style:none;display:grid}.channel>summary::-webkit-details-marker{display:none}.channel>summary>strong{font-size:14px}.channel label{color:#aaa;flex-direction:column;font-size:11px;display:flex}.channel label input{color:#fff;border-bottom:1px solid #777;width:100%;padding:7px 0;font-size:13px}.channel label small{color:#ffb74b;margin-top:2px}.traffic{text-align:right;color:#bbb;font-size:10px}.traffic b{color:#ff6b4a;font-size:17px;display:block}.traffic small{display:block}.channelAdvanced{background:#353537;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 8px 8px;padding:12px 18px;display:grid}.channelAdvanced input{text-align:left}.affiliateSummary{border-left:2px solid #ff6b4a;flex-direction:column;justify-content:center;padding-left:12px;display:flex}.affiliateSummary span,.affiliateSummary small{color:#aaa;font-size:8px}.affiliateSummary b{color:#ff8a6e;margin:4px 0;font-size:16px}.hideChannel{color:#ccc;cursor:pointer;background:0 0;border:1px solid #777;align-self:end;padding:7px;font-size:9px}.channel[open]>summary{background:#303032}.generalChannels{background:#303032;border:1px solid #515153;grid-template-columns:minmax(280px,1.5fr) repeat(3,minmax(150px,1fr));align-items:end;gap:22px;padding:24px;display:grid}.generalChannels>div span{color:#ff8a6e;text-transform:uppercase;font-family:DM Mono;font-size:10px}.generalChannels h3{color:#fff!important;text-transform:none!important;letter-spacing:0!important;margin:8px 0!important;font-family:Manrope,sans-serif!important;font-size:22px!important}.generalChannels p{color:#bbb;margin:0;font-size:12px;line-height:1.6}.generalChannels label{color:#ccc;flex-direction:column;font-size:12px;display:flex}.generalChannels input{color:#fff;background:#27282a;border:1px solid #666;outline:none;margin-top:8px;padding:12px;font-family:DM Mono;font-size:16px}.chartGrid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.tableWrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}th{text-align:right;color:#817d75;border-bottom:1px solid #d5d1c8;padding:10px;font-size:8px}th:first-child,td:first-child{text-align:left}td{text-align:right;border-bottom:1px solid #efebe3;padding:11px 10px;font-family:DM Mono;font-size:10px}footer{text-align:center;color:#8f8a82;padding:24px;font-size:10px}.recharts-cartesian-axis-tick-value{font-family:DM Mono;font-size:9px}.recharts-legend-item-text{font-size:10px!important}.recharts-tooltip-wrapper{font-size:11px}@media (width<=1000px){.baselineGrid{grid-template-columns:repeat(2,1fr)}.baselineHead{flex-direction:column}.generalChannels{grid-template-columns:1fr 1fr}.generalChannels>div{grid-column:1/-1}main{padding:20px}.layout{grid-template-columns:1fr}aside{grid-template-columns:repeat(3,1fr);gap:0 15px;display:grid;position:static}.panelHead{grid-column:1/-1}.cards{grid-template-columns:repeat(2,1fr)}.chartGrid{grid-template-columns:1fr}}@media (width<=620px){.pageNav{flex-wrap:wrap}.deepCard{padding:12px}.deepTitle{flex-direction:column;align-items:flex-start;gap:16px}.deepActions{flex-wrap:wrap;align-items:flex-start}.deepEditable{align-items:flex-start}.deepChart{padding:10px 2px 2px}.budgetBar{flex-wrap:wrap}.formatSelect{min-height:42px}.baselineCard{padding:16px}.baselineGrid{grid-template-columns:1fr}.baselineActions,.baselineFoot{flex-direction:column;align-items:stretch}.generalChannels{grid-template-columns:1fr}.generalChannels>div{grid-column:auto}.channelTabs{flex-wrap:wrap}.channelTabs .showHidden{margin-left:0}.methodCard{padding:16px}.methodGrid{grid-template-columns:1fr}.methodNotes ol{columns:1}.secondaryCards{grid-template-columns:1fr 1fr}main{padding:14px}header{flex-direction:column;align-items:flex-start;gap:20px}.notice div{display:block}.notice span{margin-top:5px;display:block}.headerActions{width:100%}.headerActions button,.headerActions .uploadControl{flex:1;justify-content:center}.layout{display:block}aside{margin-bottom:12px;display:block}.cards{grid-template-columns:1fr 1fr}.cards strong{font-size:22px}.chartCard,.tableCard{padding:13px}h1{font-size:48px}}@media (width<=440px){main{padding:10px}.cards,.secondaryCards{grid-template-columns:1fr}.headerActions>*{width:100%}.formatSelect{justify-content:space-between}.deepTabs button{flex:45%}.chartCard,.tableCard{padding:10px}.deepTitle h2{font-size:23px}.deepTitle p{line-height:1.5}.recharts-legend-wrapper{font-size:8px}}
