:root{color-scheme:light;--bg:#fff;--surface:#fff;--border:#e7e7eb;--muted:#73737d;--text:#202026;--purple:#8b00ff;--light:#7400cc}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--text);font-family:Heebo,Arial,sans-serif;font-size:14px;min-height:100vh}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid #dcdce2;background:#fff;color:#34343b;padding:10px 16px;border-radius:5px;transition:background .15s}button:hover{background:#f5f5f7}button:disabled{opacity:.45;cursor:wait}.primary{background:#25232a;color:#fff;border-color:#25232a;font-weight:500}.primary:hover{background:#44404c}
.topbar{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:24px;padding:0 4.5%;background:#fff}.topbar>a{display:flex;align-items:center;background:#1b1920;padding:9px 12px;border-radius:2px}.logo{width:115px;height:auto;object-fit:contain}.product{font-size:14px;color:#62616c}.version{font-size:10px;color:#999;letter-spacing:.5px;margin-right:7px}.topbar nav{margin-right:auto;display:flex;gap:26px;color:#73737d;font-size:12px}.topbar nav a:hover{color:#222}
.workspace{width:min(1440px,91%);margin:38px auto 0}.eyebrow{font-size:12px;color:var(--muted);margin:0 0 5px;font-weight:400}h1{font-size:30px;letter-spacing:-.65px;line-height:1.4;margin:0 0 5px;font-weight:600}h2{font-size:17px;font-weight:600;margin:0 0 5px}.muted{color:var(--muted);margin:0;line-height:1.7}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px}.heading-actions{display:flex;gap:8px}.heading-actions button{font-size:12px}
.filters{padding:18px 0;display:flex;gap:14px;align-items:end;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:20px}.field{display:flex;flex-direction:column;gap:6px;min-width:150px}.field label,form>label{font-size:12px;color:#6e6e78}.account-field{flex:1;max-width:370px}input,select{color:var(--text);background:#fff;border:1px solid #dcdce2;border-radius:5px;padding:9px 12px;min-height:41px}input:focus,select:focus{border-color:#8b00ff;outline:2px solid #8b00ff12}#custom-dates{display:flex;gap:10px}[hidden]{display:none!important}.notice{border:1px solid #ded9e5;border-radius:4px;background:#faf8fc;padding:14px 17px;color:#5b466c;margin:18px 0}.notice.error{border-color:#eacbd1;background:#fff8f8;color:#9a3049}.report-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;margin:19px 0 5px}.connection{display:flex;align-items:center;gap:7px;color:#55545f}.dot{width:6px;height:6px;display:inline-block;background:#328267;border-radius:50%}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:28px;border-bottom:1px solid var(--border)}.kpi{padding:24px 20px 23px;min-width:0;border-left:1px solid var(--border)}.kpi:nth-child(4n){border-left:0}.kpi:nth-child(-n+4){border-bottom:1px solid var(--border)}.kpi:nth-child(4n+1){padding-right:0}.kpi-label{color:#686873;font-size:12px}.kpi-value{font-size:31px;line-height:1.65;font-weight:500;letter-spacing:-.8px;font-variant-numeric:tabular-nums;color:#24232b}.kpi-change{font-size:11px;color:#83838c}.kpi-change.good{color:#287555}.kpi-change.bad{color:#b24b58}.kpi:nth-child(n+5){padding-top:19px;padding-bottom:20px}.kpi:nth-child(n+5) .kpi-value{font-size:25px}
.panel{border:1px solid var(--border);border-radius:5px;background:#fff;padding:23px;margin-bottom:26px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-title .muted{font-size:12px}.chart{width:100%;min-height:220px;direction:ltr}.chart svg{width:100%;height:220px;overflow:visible}.chart text{font-family:Heebo,Arial,sans-serif;fill:#83838c;font-size:11px}#chart-summary{font-size:11px;margin-top:9px}.count{font-size:12px;color:#898993;font-weight:400;margin-right:6px}.table-scroll{overflow-x:auto}.campaigns{padding:23px 0 0}.campaigns>.panel-title{padding:0 23px}.campaigns .empty{padding:23px}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap;font-size:12px}th{color:#73737c;font-weight:400;background:#f8f8fa}th,td{padding:14px 16px;border-bottom:1px solid #ededf0}th button{padding:0;border:none;background:none;color:inherit;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#faf9fc}td:first-child{max-width:350px;overflow:hidden;text-overflow:ellipsis;font-weight:500}.method-note{font-size:11px;color:#898992;line-height:1.9;max-width:1000px}.empty{text-align:center;color:var(--muted);padding:24px}footer{padding:30px 4.5%;font-size:11px;color:#a0a0a8;text-align:center}
.login-layout{width:min(950px,90%);margin:100px auto;display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.login-intro h1{font-size:38px;line-height:1.4;margin-bottom:18px;font-weight:500}.login-intro>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.9}.login-detail{margin-top:30px;color:#777;font-size:12px}.login-detail .dot{margin-left:7px}.login-card{padding:32px;border:1px solid var(--border);border-radius:5px;background:#fff}.login-card h2{font-size:23px;font-weight:500}.login-card form{display:flex;flex-direction:column;gap:9px;margin-top:26px}.login-card form>input{margin-bottom:10px}.login-card button{margin-top:10px;display:flex;justify-content:space-between}.login-card .muted{font-size:12px}#login-error{color:#ac4158;font-size:12px;min-height:18px;margin:6px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1050px){.filters{flex-wrap:wrap}.login-layout{gap:35px}.login-intro h1{font-size:33px}.page-heading{align-items:start}.heading-actions{flex-shrink:0}.kpi{padding:20px 15px}.kpi-value{font-size:28px}}
@media(max-width:650px){.topbar{height:66px;gap:14px;padding:0 5%}.topbar>a{padding:7px 9px}.logo{width:100px}.product{display:none}.topbar nav{gap:16px;font-size:11px}.workspace{width:90%;margin-top:25px}h1{font-size:27px}.page-heading{display:block;margin-bottom:23px}.heading-actions{margin-top:17px}.heading-actions button{font-size:11px}button{padding:10px 13px}.filters{gap:12px}.field,.account-field{min-width:0;max-width:none;flex:1 1 100%}.filters>.field{width:100%}#custom-dates{width:100%}#custom-dates .field{width:45%}.filters>.primary{width:100%}.kpis{grid-template-columns:repeat(2,1fr);margin-bottom:22px}.kpi{padding:17px 12px!important;border-bottom:1px solid var(--border)}.kpi:nth-child(2n){border-left:0}.kpi:nth-child(2n+1){padding-right:0!important}.kpi:nth-last-child(-n+2){border-bottom:0}.kpi-value{font-size:26px}.kpi:nth-child(n+5) .kpi-value{font-size:23px}.kpi-label{font-size:11px}.kpi-change{font-size:10px;line-height:1.7}.panel{padding:17px 14px}.panel-title{align-items:start;flex-wrap:wrap}#search{width:100%}.chart{min-height:190px}.chart svg{height:190px}.report-meta{flex-wrap:wrap;line-height:1.8}.campaigns{padding:17px 0 0}.campaigns>.panel-title{padding:0 14px}.login-layout{display:block;margin:42px auto}.login-intro h1{font-size:30px}.login-intro{margin-bottom:28px}.login-intro>p:not(.eyebrow){font-size:14px}.login-detail{display:none}.login-card{padding:25px}}
@media print{.topbar nav,.filters,.heading-actions,#search,#chart-metric,footer{display:none}.workspace{width:100%;margin:20px 0}.topbar>a{-webkit-print-color-adjust:exact;print-color-adjust:exact}.panel,.kpi{break-inside:avoid}.kpi-value{font-size:25px}.kpis{grid-template-columns:repeat(4,1fr)}th,td{padding:9px 6px;font-size:10px}.table-scroll{overflow:visible}table{white-space:normal}td:first-child{max-width:200px}.panel-title{margin-bottom:10px}}

.detail-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.view-tabs{display:flex;gap:5px;flex-wrap:wrap}.view-tabs button[aria-pressed=true]{background:#242429;color:#fff;border-color:#242429}.drill-path{font-size:13px;margin-bottom:12px}.drill-path:empty,#detail-notice:empty{display:none}.drill-path button,.drill-link{background:none;border:0;padding:0;color:#4f2584;text-align:right;font:inherit;cursor:pointer}.drill-link:hover{text-decoration:underline}.row-context{display:block;color:#85858b;font-size:11px;font-weight:400;margin-top:4px;white-space:normal}.rank{display:inline-block;color:#888;margin-left:10px}#ranking-field label{margin-left:8px}#detail-notice{padding:8px 0}.campaigns td:first-child{white-space:normal;min-width:210px}
/* White surfaces with deliberate depth and grouped controls. */
:root{--border:#e8e9ef;--shadow:0 3px 7px rgba(24,28,48,.025),0 10px 28px rgba(24,28,48,.055)}
body{background:#fff}.topbar{box-shadow:0 2px 12px #20203008}.topbar>a{border-radius:7px}.version{background:#f0e9fb;color:#713bb0;padding:3px 7px;border-radius:5px}.workspace{margin-top:32px}.page-heading h1{font-weight:700}.eyebrow{color:#785297;font-weight:500}
button,input,select{border-radius:8px}button{box-shadow:0 1px 2px #20203006;font-weight:500}.primary{background:#6f3bab;border-color:#6f3bab;box-shadow:0 4px 10px #6f3bab20}.primary:hover{background:#5e3092}.filters{border:1px solid var(--border);padding:20px 22px;border-radius:12px;box-shadow:var(--shadow);background:#fff;margin-bottom:25px}.report-meta{margin:20px 2px 13px}.connection{background:#eff8f3;border:1px solid #dceee3;border-radius:6px;padding:4px 9px}.kpis{gap:16px;border:0;margin-bottom:26px}.kpi,.kpi:nth-child(n){background:#fff;border:1px solid var(--border);border-radius:11px;padding:20px!important;box-shadow:var(--shadow);position:relative}.kpi:nth-child(1){border-top:3px solid #8355bb;padding-top:18px!important}.kpi:nth-child(2){border-top:3px solid #538d79;padding-top:18px!important}.kpi-label{font-size:12px;font-weight:500}.kpi-value{font-weight:600}.kpi:nth-child(n+5) .kpi-value{font-size:27px}.panel,.login-card{border-radius:12px;box-shadow:var(--shadow)}.panel-title h2{font-weight:600}.chart-panel{padding:24px}.campaigns{overflow:hidden}.detail-toolbar,.drill-path,#detail-notice{margin-left:23px;margin-right:23px}.view-tabs{background:#f4f4f7;border:1px solid #eaeaef;border-radius:9px;padding:4px;gap:3px}.view-tabs button{background:transparent;border:0;box-shadow:none;color:#74727e;font-size:12px;padding:9px 15px}.view-tabs button[aria-pressed=true]{background:#fff;color:#653994;box-shadow:0 2px 7px #25203a15}.count{display:inline-block;background:#f1edf7;color:#77549a;border-radius:5px;padding:1px 7px}.campaigns th{font-weight:500;background:#f7f8fa;border-top:1px solid #ececf1}.campaigns td{padding-top:17px;padding-bottom:17px}.rank{background:#f1edf7;color:#724b9c;border-radius:5px;min-width:24px;padding:2px 5px;text-align:center}.drill-path{padding:10px 12px;background:#faf8fc;border-radius:7px}.heading-actions button:hover{border-color:#bfb0d0}.table-scroll{scrollbar-width:thin}
@media(max-width:650px){.filters{padding:17px}.kpis{gap:10px}.kpi:nth-child(n){padding:14px!important}.kpi:nth-child(1),.kpi:nth-child(2){padding-top:12px!important}.kpi-value{font-size:25px}.kpi:nth-child(n+5) .kpi-value{font-size:23px}.chart-panel{padding:18px 14px}.detail-toolbar,.drill-path,#detail-notice{margin-left:14px;margin-right:14px}.view-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.view-tabs button{padding:10px 8px}.detail-toolbar{gap:12px}.panel{border-radius:10px}}
@media print{.detail-toolbar,.drill-path,#detail-notice{display:none}.kpi,.panel,.filters{box-shadow:none}.kpis{gap:8px}}
/* Color, hierarchy and creative previews. */
body{background:#f2f3f8;color:#24283d}.topbar{background:#fff;border-bottom-color:#e0dceb}.workspace{width:min(1440px,93%)}h1{font-weight:800!important;color:#25283f}h2{font-weight:700!important}.eyebrow{color:#7448aa;font-weight:700}.product{font-weight:600;color:#45425c}.topbar nav{font-weight:600}.page-heading{margin-bottom:23px}.filters{border-top:3px solid #8b66c1;background:#fff}.field label{font-weight:600;color:#57546c}button,input,select{font-weight:600}.heading-actions button{border-color:#d5cce2;color:#684492;background:#faf7ff}.primary{background:#7548ad;border-color:#7548ad}.kpis{gap:16px}.kpi:nth-child(n){border:1px solid #dddfe8;box-shadow:0 4px 8px #23203905,0 8px 22px #23203909}.kpi:nth-child(1){background:#eee7fa;border-color:#d9c9ef}.kpi:nth-child(2){background:#e5f2ec;border-color:#c8e3d7}.kpi:nth-child(3){background:#e7effb;border-color:#cfddf4}.kpi:nth-child(4){background:#fff1de;border-color:#eddbc0}.kpi:nth-child(5){background:#eceafa;border-color:#d9d4f0}.kpi:nth-child(6){background:#e3f1f3;border-color:#c8e0e4}.kpi:nth-child(7){background:#f9e9ee;border-color:#eed2dc}.kpi:nth-child(8){background:#eaf0e1;border-color:#d9e3cb}.kpi-label{font-size:13px;font-weight:700;color:#545269}.kpi-value,.kpi:nth-child(n+5) .kpi-value{font-weight:700;color:#29283e;letter-spacing:-.7px}.kpi-change{color:#67647b;font-weight:500}.kpi-change.bad{color:#a43751}.kpi-change.good{color:#196845}.chart-panel>.panel-title{padding:17px 20px;margin:-24px -24px 18px;background:#f5f2fb;border-bottom:1px solid #e7dff2;border-radius:12px 12px 0 0}.panel{border-color:#e0deea}.campaigns{border-top:3px solid #9e80c5}.view-tabs{background:#eeebf5;border-color:#e3ddec}.view-tabs button{font-weight:700;color:#776886}.view-tabs button[aria-pressed=true]{background:#7548ad;color:#fff;box-shadow:0 3px 7px #5a33852b}.campaigns th{background:#ebe7f3;color:#514265;font-weight:700}.campaigns td{font-weight:500}.campaigns tbody tr:nth-child(even){background:#faf9fc}.campaigns tbody tr:hover{background:#f3eefb}.row-context{font-weight:500;color:#797189}.drill-link{font-weight:700;color:#70469d}.count{background:#e8dcf5;color:#64368f;font-weight:700}.connection{font-weight:700}.method-note{color:#757185}.ad-preview{width:80px;height:80px;float:right;margin-left:13px;padding:0;overflow:hidden;position:relative;background:#efebf5;border:1px solid #ded5e8;display:flex;align-items:center;justify-content:center;color:#775095;font-size:11px;flex-shrink:0}.ad-preview img{width:100%;height:100%;object-fit:cover}.ad-preview:hover{border-color:#8354b4;box-shadow:0 3px 10px #683f9425}.play-badge{position:absolute;inset:auto 6px 6px auto;background:#292336cf;color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:11px}.campaigns td:first-child{min-width:280px;vertical-align:middle}#media-dialog{border:1px solid #ded8e7;border-radius:16px;width:min(760px,94vw);max-height:90vh;padding:0;color:#29283e;box-shadow:0 24px 90px #19112440}#media-dialog::backdrop{background:#211a35a6;backdrop-filter:blur(3px)}.media-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #e5dfee;background:#f5f0fb}.media-dialog-head h2{font-size:17px;margin:0}.media-dialog-head button{padding:6px 12px}#media-content{padding:22px}.creative-stage{background:#eceaf1;border-radius:10px;text-align:center;overflow:hidden}.creative-stage img,.creative-stage video{max-width:100%;max-height:55vh;object-fit:contain;display:block;margin:auto}.creative-copy h3{margin-bottom:8px}.creative-copy p{white-space:pre-wrap;line-height:1.8}.creative-copy .muted{font-size:11px;margin-top:18px}.post-link{display:inline-block;color:#704298;font-weight:700;padding:9px 14px;background:#f0e7fa;border-radius:7px}
@media(max-width:650px){.workspace{width:92%}.kpis{gap:10px}.kpi-label{font-size:12px}.chart-panel>.panel-title{margin:-18px -14px 16px;padding:16px 14px}.ad-preview{width:64px;height:64px}.campaigns td:first-child{min-width:250px}#media-content{padding:14px}.media-dialog-head{padding:14px}.kpi-value{font-size:26px}}
@media print{body{background:#fff}.kpi{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ad-preview{display:none}#media-dialog{display:none}}
.meta-preview{border:0;width:100%;height:580px;background:#fff}.creative-stage:has(.meta-preview){background:#fff}

.google-report .campaigns th:nth-child(6),.google-report .campaigns td:nth-child(6),.google-report .campaigns th:nth-child(7),.google-report .campaigns td:nth-child(7){display:none}

.platform-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.platform-card{padding:23px;border:1px solid #dfd9ea;border-radius:12px;background:#fff;box-shadow:var(--shadow);border-top:4px solid #5476c5}.platform-google{border-top-color:#36a177}.platform-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.platform-name{font-weight:800;font-size:18px;color:#4666ac}.platform-google .platform-name{color:#287654}.platform-card-head p{margin:3px 0;color:#777084;font-size:12px}.platform-card-head button{font-size:12px;color:#614487;background:#f6f2fb}.platform-spend{font-size:32px;font-weight:800;margin-top:18px}.spend-share{font-size:12px;color:#7c7489}.platform-stats{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid #eee9f3;font-size:12px;color:#797185}.platform-stats b{display:block;color:#3b344b;font-size:17px}.combined-report .campaigns{display:none}.combined-report .report-meta{margin-bottom:10px}@media(max-width:650px){.platform-overview{grid-template-columns:1fr;gap:12px}.platform-card{padding:18px}.platform-spend{font-size:28px}.platform-stats{gap:20px}}@media print{.platform-card button{display:none}.platform-card{break-inside:avoid;box-shadow:none}}

.meta-ecommerce .campaigns th:nth-child(5),.meta-ecommerce .campaigns td:nth-child(5),.meta-ecommerce .campaigns th:nth-child(6),.meta-ecommerce .campaigns td:nth-child(6){display:none}

.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:8px;vertical-align:middle;flex-shrink:0;background:#b9b9c2}.status-dot.active{background:#22a35a;box-shadow:0 0 0 3px #22a35a22}.status-dot.paused{background:#b9b9c2}.status-dot.removed{background:transparent;border:1.5px solid #b9b9c2;width:8px;height:8px}

.google-report .campaigns th:nth-child(9),.google-report .campaigns td:nth-child(9),.meta-ecommerce .campaigns th:nth-child(9),.meta-ecommerce .campaigns td:nth-child(9){display:none}