:root{--canvas:#f3f6fb;--line:#dfe6ef;--ink:#19324f;--body:#2c415d;--muted:#5c6e84;--teal:#116b61;--teal-soft:#e7f5f0}
.topbar{background:#ffffffee}.sidebar,.nav-dialog{background:#fbfcff}.brand-symbol{background:#153c52;color:#ffd883}.brand strong{color:#153c52}.nav-link.active{color:#174ec4;background:#e9f0ff;box-shadow:inset 3px 0 #2463eb}.nav-link.active:after{background:#2463eb}.nav-link:hover{background:#edf3ff;color:#174ec4}.eyebrow{color:#3263a4}.page-heading h1{color:#182f4c}.report-toolbar{background:#fff;border:1px solid #dfe6ef;border-radius:13px;padding:15px 18px;box-shadow:0 2px 7px #19324f03}.quick-periods button[aria-pressed=true]{background:#2463eb;border-color:#2463eb;box-shadow:0 3px 8px #2463eb20}.quick-periods button{font-size:12px;color:#506078}.section-links a{background:#e7edf8;color:#31598d}.section-links a:hover{background:#dce7fd}.section-links a:nth-child(3){background:#e0f2ef;color:#14695f}
.report-group-heading h2{display:flex;align-items:center;gap:8px}.report-group-heading h2:before{content:'';width:5px;height:19px;border-radius:3px;background:#2463eb}.report-group-heading h2 span{background:#e6eeff;color:#285caf;border-radius:5px;padding:4px 7px;margin-left:3px;font-size:11px}.reported-kpis .kpi{border-top:3px solid #91b6ff;background:linear-gradient(140deg,#fff 55%,#f1f6ff)}.reported-kpis .kpi:first-child{background:#eaf1ff;border-color:#c7d9ff;border-top-color:#2463eb}.reported-kpis .kpi-value{color:#234f93}.actual-kpis .kpi{border-top:3px solid #61b6a2;background:linear-gradient(140deg,#fff 55%,#f0faf6)}.actual-kpis .kpi.lead{background:linear-gradient(115deg,#0f6c60,#168475);border-color:#127162;box-shadow:0 5px 14px #116b6117}.actual-kpis .kpi.lead .kpi-label,.actual-kpis .kpi.lead .kpi-value,.actual-kpis .kpi.lead .kpi-caption{color:#fff}.kpi-label{display:flex;gap:9px;align-items:center}.kpi-label svg{padding:5px;box-sizing:content-box;border-radius:7px;background:#e5edfb;color:#2f61aa}.actual-kpis .kpi-label svg{background:#e0f2eb;color:#177566}.actual-kpis .lead .kpi-label svg{background:#ffffff21;color:#fff}.kpi{box-shadow:0 2px 5px #203c6604}.reconciliation-strip{background:#f7faff;border-left:3px solid #6294e9}.panel{box-shadow:0 3px 9px #203c6604}.comparison-table th{background:#eef3fc}.comparison-table .reported-cell{background:#f1f6ff}.comparison-table .actual-cell{background:#edf9f5}
.platform-logo{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;overflow:hidden;background:#eef4ff}.platform-logo img{display:block;width:19px;height:19px}.logo-meta{background:#e8f0ff}.logo-google{background:#fff;border:1px solid #e3e9f0}.logo-snapchat{background:#ffed00}.logo-tiktok{background:#12202e}.logo-tiktok img{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55);width:17px;height:17px}.logo-whatsapp{background:#dff7e9}.logo-large{width:42px;height:42px;border-radius:12px}.logo-large img{width:26px;height:26px}.logo-tiktok.logo-large img{width:23px;height:23px}.nav-link .platform-logo{width:27px;height:27px;border-radius:7px;margin:-3px -2px}.nav-link .platform-logo img{width:17px;height:17px}.platform-report{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--platform-tint),#fff 80%);border-color:#dce5f0;border-top:3px solid var(--platform-accent);box-shadow:0 3px 12px #1d3c6107;transition:transform .15s,box-shadow .15s}.platform-report:hover{border-color:var(--platform-accent);box-shadow:0 8px 22px #19324f12;transform:translateY(-2px)}.platform-report .channel-name{font-weight:650}.platform-report-title{margin-bottom:18px}.platform-report dl div{padding-top:7px;border-top:1px solid #d4dfea65}.platform-report>strong{font-size:28px}.platform-grid{gap:14px}.platform-report-title>svg{color:#637c97}
.hourly-interactive{border-color:#cddbec;overflow:hidden;margin-top:16px}.hourly-panel-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px 24px 18px;background:linear-gradient(110deg,#f1f6ff,#fff 65%);border-bottom:1px solid #e6edf6}.chart-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#3868ab;margin-bottom:7px}.hourly-panel-heading h3{font-size:22px;letter-spacing:-.5px;color:#1e3a60}.hourly-panel-heading p:not(.chart-eyebrow){color:#5c6e84;font-size:12px;margin-top:7px}.chart-live-label{font-size:11px;font-weight:550;background:#e5eefc;color:#285aad;padding:7px 9px;border-radius:6px;white-space:nowrap}.chart-action-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 24px 0;font-size:12px;flex-wrap:wrap}.chart-overlays,.chart-zoom-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.chart-overlays>span{color:#5c6e84}.chart-overlays label{display:flex;align-items:center;gap:6px;min-height:30px;cursor:pointer}.chart-overlays input{accent-color:#2463eb;width:15px;height:15px}.chart-overlays i{width:7px;height:7px;border-radius:50%}.spend-dot{background:#dc641c}.roas-dot{background:#0896a9}.chart-zoom-actions button,.hour-inspect-control button{font-size:11px;padding:7px 9px;min-height:33px;border:1px solid #d8e2ef;background:#f6f9ff;border-radius:6px;color:#355579}.chart-zoom-actions button:hover,.hour-inspect-control button:hover{background:#e7f0ff;color:#174ec4}.interactive-hourly-canvas{height:380px;width:100%;min-width:0;margin-top:18px}.chart-status{padding:12px 24px;color:#5c6e84;font-size:12px}.chart-underlay{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#5c6e84;padding:12px 24px 7px}.chart-underlay>span:first-child{font-weight:600;color:#335e9d}.interactive-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;padding:12px 24px 17px}.interactive-legend button{display:flex;gap:8px;align-items:center;min-width:0;min-height:32px;padding:7px 8px;border:1px solid #e2e9f2;border-radius:6px;background:#fbfcfe;color:#3e5472;font-size:11px;text-align:left;line-height:1.5}.interactive-legend button i{width:18px;min-width:18px;border-top:2.5px solid var(--series-color)}.interactive-legend button[aria-pressed=false]{color:#6b778c;background:#f1f3f6}.interactive-legend button[aria-pressed=false] i{opacity:.25}.interactive-legend button[aria-pressed=false]{text-decoration:line-through}.interactive-legend button:hover{border-color:var(--series-color)}.hour-inspect-control{display:flex;gap:8px;align-items:center;padding:14px 24px;background:#f6f9fd;border-block:1px solid #e5edf7;font-size:12px}.hour-inspect-control label{flex:1;min-width:40px}.hour-inspect-control input{width:100%;accent-color:#2463eb}.hour-inspect-control output{min-width:72px;color:#254a7b;font-weight:600}.hour-inspect-control button[data-hour-step]{font-size:18px;min-width:32px;padding:3px 8px}.hourly-fallback>.panel{border:0;box-shadow:none;margin:0}.chart-ready .hourly-fallback .panel-header,.chart-ready .hourly-fallback .line-legend,.chart-ready .hourly-fallback .line-plot{display:none}.chart-ready .hourly-fallback .panel-body{padding-top:12px}.hour-tooltip{width:282px;max-width:100%;max-height:320px;overflow:auto;padding:15px;color:#263e5b;font-size:12px;font-family:'DM Sans',sans-serif}.hour-tooltip-heading{font-size:17px;font-weight:650;margin-bottom:12px;color:#203c63}.hour-tooltip-heading>span{font-size:10px;font-weight:400;display:block;margin-top:3px;color:#62738a}.hour-tooltip section{border-top:1px solid #e1e9f2;padding-top:9px;margin-top:9px}.hour-tooltip h4{font-size:12px;margin:0 0 7px;display:flex;align-items:center;gap:6px}.hour-tooltip h4>i{width:7px;height:7px;border-radius:50%}.hour-tooltip h4 small{margin-left:auto;font-size:10px;color:#62738a;font-weight:400}.hour-tooltip dl{margin:0}.hour-tooltip dl div{display:flex;justify-content:space-between;gap:10px;margin:5px 0}.hour-tooltip dt{color:#5c6e84;font-size:11px}.hour-tooltip dd{margin:0;font-weight:600;white-space:nowrap}.hour-tooltip>p{font-size:10px;color:#5c6e84;line-height:1.5;margin-top:12px}.hour-inspector{padding:8px 24px 18px;background:#f9fbff}.hour-inspector .hour-tooltip{width:auto;max-height:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:8px 0}.hour-inspector .hour-tooltip-heading,.hour-inspector .hour-tooltip>p{grid-column:1/-1;margin:0}.hour-inspector .hour-tooltip section{margin:0}.hourly-metrics button[aria-pressed=true]{background:#2463eb;color:#fff}.hourly-tools .button.selected{background:#2463eb;border-color:#2463eb}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1450px){.interactive-hourly-canvas{height:420px}}
@media(max-width:700px){.report-toolbar{padding:13px}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-report{padding:15px 12px}.platform-report .channel-name{font-size:12px;gap:7px}.logo-large{width:34px;height:34px;border-radius:9px}.logo-large img{width:22px;height:22px}.platform-report dl{font-size:11px}.platform-report>strong{font-size:25px}.platform-report-title>svg{display:none}.hourly-panel-heading{padding:18px 16px;align-items:flex-start;flex-direction:column;gap:12px}.hourly-panel-heading h3{font-size:20px}.chart-action-bar{padding:12px 12px 0;gap:6px}.chart-overlays,.chart-zoom-actions{gap:8px}.chart-zoom-actions button{min-height:38px}.interactive-hourly-canvas{height:345px;margin-top:12px}.chart-underlay{padding:8px 12px;flex-direction:column;gap:4px}.interactive-legend{grid-template-columns:1fr;padding:10px 12px;gap:5px}.interactive-legend button{min-height:37px;font-size:11px}.hour-inspect-control{padding:12px;flex-wrap:wrap;gap:6px}.hour-inspect-control button{min-height:38px}.hour-inspect-control output{font-size:11px;min-width:65px}.hour-inspector{padding:12px}.hour-inspector .hour-tooltip{grid-template-columns:1fr}.hourly-fallback .panel-body{padding:10px 12px}.report-group-heading h2{flex-wrap:wrap;font-size:17px}.report-group-heading h2 span{margin:0}.reported-kpis .kpi-label,.actual-kpis .kpi-label{font-size:12px}.actual-kpis .kpi-value,.reported-kpis .kpi-value{font-size:25px}.kpi-label svg{padding:4px;width:14px;height:14px}.hour-tooltip{width:264px}}
@media(prefers-reduced-motion:reduce){.platform-report{transition:none}.platform-report:hover{transform:none}}

.tooltip-comparison{width:470px;max-height:none}.tooltip-comparison table{table-layout:fixed;width:100%;min-width:0;border-collapse:collapse}.tooltip-comparison th,.tooltip-comparison td{font-size:11px;padding:8px 5px;border-bottom:1px solid #e7edf5;text-align:right;color:#2c415d;white-space:nowrap}.tooltip-comparison th:first-child{width:38%;text-align:left;white-space:normal;color:#5c6e84;font-weight:500}.tooltip-comparison th small{display:block;font-size:9px;font-weight:400;color:#5c6e84;margin-top:3px}.tooltip-comparison thead th{background:#f4f7fc;font-weight:600}.tooltip-comparison thead i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.tooltip-comparison td{font-weight:600}.tooltip-comparison .hour-tooltip-heading{margin-bottom:10px}

.country-comparisons{display:grid;grid-template-columns:1.12fr 1fr;gap:22px;padding:5px 24px 22px}.country-chart{min-width:0;padding:21px 19px 17px;border:1px solid #dfe7f3;border-radius:12px;background:linear-gradient(135deg,#f5f8ff,#fff 60%)}.roas-country-chart{background:linear-gradient(135deg,#f0faf7,#fff 60%);border-color:#dcece5}.country-chart-heading h3{font-size:17px;color:#25446e}.country-chart-heading p{font-size:12px;color:#5c6e84;line-height:1.6;margin-top:5px}.country-bar-legend{display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;margin:17px 0 19px;font-size:11px;color:#4d627f;min-height:21px}.country-bar-legend span{display:flex;align-items:center;gap:6px}.country-bar-legend i{width:10px;height:7px;border-radius:2px}.country-bar-legend small{margin-left:auto;font-size:10px;color:#5c6e84;font-weight:650;letter-spacing:.5px}.revenue-key{background:#3974ed}.spend-key{background:#c97634}.roas-key{background:#168978}.country-bar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.country-bar-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#294666;margin-bottom:8px;line-height:1.5}.country-bar-label>span{display:flex;align-items:center;gap:7px;min-width:0;font-weight:550}.country-code{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:22px;font-size:10px;border-radius:5px;color:#325f9a;background:#e6eefc}.country-bar-label>small{font-size:10px;font-weight:500;color:#3d6089;white-space:nowrap;background:#eaf1ff;padding:3px 5px;border-radius:4px}.country-rank{font-weight:500;color:#648175;font-size:10px;min-width:10px}.country-bar-line{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:10px;align-items:center;min-height:19px;margin:2px 0}.country-bar-track{height:9px;background:#ecf1f8;border-radius:3px;position:relative;display:block;min-width:0}.country-bar-track>span{height:100%;display:block;border-radius:3px;transition:filter .15s}.revenue-bar .country-bar-track>span{background:linear-gradient(90deg,#235ed9,#5c91fb)}.spend-bar .country-bar-track>span{background:#c97634}.spend-bar .country-bar-track{height:6px}.country-bar-value{font-size:11px;font-weight:600;text-align:right;color:#2b4b75;white-space:nowrap}.spend-bar .country-bar-value{font-weight:500;color:#8c4c20}.country-bar-track>i{position:absolute;left:0;top:-3px;font-style:normal;font-size:10px;color:#5c6e84;background:#fff}.roas-bar .country-bar-track{height:13px;background:#e7f3ed}.roas-bar .country-bar-track>span{background:linear-gradient(90deg,#0e7867,#32a890)}.roas-bar .country-bar-value{color:#136856;font-size:13px}.roas-bar-list{gap:30px}.country-scale{display:flex;justify-content:space-between;gap:10px;margin-top:17px;padding:10px 96px 0 0;border-top:1px solid #dfe7f1;font-size:10px;color:#5c6e84}.country-scale>span:last-child{text-align:right}.country-chart-note{font-size:11px;line-height:1.7;color:#5c6e84;margin-top:14px}.country-table-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid #e3eaf3;background:#f8faff}.country-table-heading h3{font-size:14px}.country-table-heading span{font-size:11px;color:#5c6e84}.country-data-caveat,.country-chart-empty{font-size:12px;color:#5c6e84;padding:10px 24px 22px}.country-bar-list li:hover .country-bar-track>span{filter:brightness(.91)}
@media(max-width:1150px){.country-comparisons{grid-template-columns:1fr}.country-chart{padding:20px}.roas-bar-list{gap:19px}.country-bar-line{grid-template-columns:minmax(0,1fr) 99px}.country-scale{padding-right:109px}}
@media(max-width:700px){.country-comparisons{gap:14px;padding:2px 12px 16px}.country-chart{padding:17px 12px}.country-chart-heading h3{font-size:16px}.country-bar-label{align-items:flex-start;flex-wrap:wrap;gap:5px}.country-bar-label>small{margin-left:34px}.country-bar-list{gap:22px}.country-bar-line{grid-template-columns:minmax(0,1fr) 84px;gap:8px}.country-bar-value{font-size:11px}.country-scale{padding-right:92px;line-height:1.5}.country-table-heading{padding:14px 15px}.country-chart-note{font-size:11px}.country-bar-legend{gap:8px 10px;font-size:11px}.country-code{min-width:25px}.roas-bar-list{gap:21px}}

/* Report-wide currency choice, adjacent to the unchanged date picker. */
.currency-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.currency-picker .segmented button{min-height:38px;min-width:52px;font-weight:700}.currency-picker .range-note{font-size:11px}.range-control{flex-wrap:wrap}
.country-chart{--country-value-width:128px;--country-bar-gap:10px}.country-bar-line{grid-template-columns:minmax(0,1fr) var(--country-value-width)}.country-scale{padding-right:calc(var(--country-value-width) + var(--country-bar-gap))}
@media(max-width:700px){.currency-picker{width:100%;gap:10px}.currency-picker .range-note{white-space:normal}.country-bar-value{font-size:12px}.country-chart{--country-value-width:116px;--country-bar-gap:8px}}

.report-module{display:block;width:100%;height:900px;border:0;background:transparent;overflow:hidden}.module-scope{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 18px;padding:12px 16px;background:#eaf1fb;border:1px solid #d7e4f6;border-radius:10px;font-size:12px;color:#435e80;line-height:1.6}.module-status{flex-shrink:0;font-size:11px;color:#647a95}.oci-configuration{display:flex;gap:20px;padding:15px 0;color:#45627b;font-size:13px}.oci-status-bars{padding:24px;display:grid;gap:18px}.oci-status-bars>div{display:grid;grid-template-columns:100px 1fr 65px;gap:18px;align-items:center;text-transform:capitalize}.oci-status-bars i{height:12px;background:#edf3fa;border-radius:6px;overflow:hidden}.oci-status-bars b{display:block;height:100%;background:#138875;border-radius:6px}.oci-status-bars strong{text-align:right}.report-toolbar [hidden]{display:none!important}@media(max-width:700px){.module-scope{display:block;padding:10px 12px;font-size:11px}.module-status{display:block;margin-top:6px}.oci-status-bars{padding:16px}.oci-status-bars>div{grid-template-columns:70px 1fr 45px;gap:10px}}

#export-report[hidden],.report-module[hidden]{display:none!important}

.report-login{max-width:420px}.report-login label{display:grid;gap:6px;margin:18px 0;font-size:13px;font-weight:600}.report-login input{min-height:42px;border:1px solid #d8e2ee;border-radius:8px;padding:10px;font:inherit}.report-login p{font-size:13px;line-height:1.6}.report-login .primary{width:100%}

body[data-auth=pending]>.sidebar,body[data-auth=pending]>.workspace{display:none}.workspace-login{width:min(420px,calc(100% - 32px));margin:12vh auto;padding:32px;border:1px solid #dfe7f1;border-radius:18px;background:white;box-shadow:0 12px 50px #19304d09}.workspace-login h1{font-size:26px}.workspace-login p{color:#586b83}.workspace-login label{display:grid;gap:8px;margin:20px 0}.workspace-login input{padding:12px;border:1px solid #cbd7e7;border-radius:8px;font:inherit}.workspace-login button{width:100%}.login-brand{font-size:24px;color:#165167;font-weight:700;margin-bottom:32px}
