:root{color-scheme:light;--bg:#f7f8fa;--panel:#fff;--line:#e5e7eb;--text:#20242c;--muted:#8b94a2;--green:#285ed0;--orange:#bd873c;--red:#bf715d}body{background:var(--bg);color:var(--text);font-size:13px}header{height:68px;background:#fff;border-color:#e5e7eb}.brand{font-size:17px;color:#26354a;letter-spacing:-.3px}.brand b{border-color:#e4e8ee;color:#6d7889;font-size:13px}.brand img{width:32px;height:32px}.header-right{color:#8c96a5}.demo{background:#f0f5ff;color:#5b7fb8;padding:3px 9px;border:1px solid #e1eafa;border-radius:5px;font-size:10px}.demo i{background:#739ad3;width:5px;height:5px}.icon-button{color:#7a879a}main{padding-top:28px;max-width:1800px}.heading{margin-bottom:22px}.heading h1{font-size:26px;letter-spacing:-.6px;color:#202a3b;margin-top:6px}.heading p{font-size:12px;color:#8b95a3}.eyebrow{font-size:9px;color:#a0a8b4;letter-spacing:1.5px}.quiet{background:white;border-color:#dfe4ec;border-radius:6px;font-size:12px;color:#5b687b;padding:7px 12px}.quiet:hover{border-color:#aabbd5;background:#f6f8fc}.notice{background:#f1f5fb;border-color:#e3eaf5;color:#8795a9;padding:9px 13px;border-radius:6px;font-size:11px;margin-bottom:20px}.notice strong{color:#6788b9}.periods{background:#eceff3;border:0;border-radius:7px;padding:3px}.periods button{font-size:12px;color:#8490a0;padding:7px 18px}.periods button.active{background:#fff;color:#35465f;font-weight:550;box-shadow:0 1px 3px #1b304014}.dates input,input,select{background:white;border-color:#e0e5ed;color:#536174;border-radius:6px}.dates input[type=date]{color:#62718a}.timezone{color:#9aa3b1}.kpis{gap:16px;margin-bottom:18px}.kpi,.kpi:first-child{background:#fff;color:#25344a;border:1px solid #e3e7ed;border-radius:8px;padding:20px 22px}.kpi:first-child{border-top:2px solid #4775cf;padding-top:19px}.kpi-label,.kpi:first-child .kpi-label{color:#8390a2;font-size:11px}.kpi-value{font-size:33px;font-weight:600;letter-spacing:-1.3px;margin:12px 0 10px}.kpi-value small{font-size:15px;color:#7d8ca3}.comparison,.kpi:first-child .comparison{color:#9aa3b1;font-size:10px}.comparison b,.kpi:first-child .comparison b{color:#4d8d6b}.comparison .negative{color:#be795b}.overview{gap:18px;margin-bottom:28px;grid-template-columns:2.2fr 1fr}.panel{border:1px solid #e3e7ed;border-radius:8px;padding:20px 22px}.panel-heading h2{font-size:14px;font-weight:600;color:#435069}.panel-heading p{font-size:10px}.legend{font-size:10px;color:#8e9cad}.gray{background:#a4b5cc}.small-label{border-color:#e2e8ef;background:#fafbfd;color:#9aa6b7;font-size:9px}.dist-row{font-size:11px;color:#8795a8}.dist-track{background:#f0f3f7;height:5px}.dist-row b{font-weight:500;color:#61728b}.dist-row:nth-child(3) .dist-fill{background:#c6cfdb}.distribution-note{color:#9da6b3;border-color:#edf0f4;font-size:10px;line-height:1.9}.chart-summary{color:#9ba5b3;font-size:10px}.section-title h2{font-size:19px;color:#33435c;font-weight:600}.count{background:#edf1f6;color:#8090a6;font-size:10px}.filters input,.filters select{font-size:12px;color:#6c7a91;padding:8px 10px}.filter-hint{font-size:10px;color:#a0a9b5;margin:9px 0 17px}.project-card{background:white;border-color:#e3e7ed;border-radius:8px;padding:19px 19px 0;transition:border-color .15s,box-shadow .15s}.project-card:hover{border-color:#b6c6e0;box-shadow:0 4px 12px #1e3f6a07;transform:none}.card-heading{gap:10px}.app-icon{width:35px;height:35px;border-radius:8px;background:#edf3fa}.app-title h3{font-size:13px;color:#34435c;font-weight:600}.app-title p{font-size:9px;color:#a6aeb9}.status{font-size:9px;background:#f1f5fb;border-color:#e5edf8;color:#8aa0bf;border-radius:4px}.status.warning{background:#fff8ed;border-color:#f3e6cd;color:#c09a60}.status.pending{background:#f6f7f9;border-color:#e9ecf0;color:#a0a9b5}.money-row{margin:23px 0 17px}.metric-label{font-size:10px;color:#9aa4b3;margin-bottom:5px}.money-row strong{font-size:23px;color:#34465e;font-weight:550;letter-spacing:-.7px}.money-row strong span{color:#a2afc0;font-size:11px}.return-row{border-color:#eef1f5;padding-top:12px}.return-row .roas{color:#4168a8;font-size:22px;font-weight:600}.return-row .low{color:#c09354}.return-row .roi{color:#7789a2;font-size:14px}.spark{height:39px}.card-footer{margin:0 -19px;background:#fbfcfe;border-top:1px solid #eef1f5;padding:9px 19px;font-size:10px;color:#a6afbb}.card-footer button{color:#6c88b5;font-size:10px}.card-footer button:hover{color:#285ed0}.pending-body{min-height:188px;color:#a6afba}.pending-body b{color:#c1cbd8}.pending-body p{color:#a8b2bf}.empty{border-color:#d8e0eb;color:#9ca9bb;background:#fafbfd}.pagination{font-size:11px;color:#99a4b5}.pagination button{font-size:11px}footer{color:#a8b0bd;border-color:#e3e8ef;font-size:10px}.detail-metric{background:#f8fafd;border-color:#e4eaf2}.detail-metric strong{color:#3c5578}dialog{background:#fff;color:#34435a;border-color:#dce3ed;border-radius:10px;box-shadow:0 20px 70px #1f2c4426}dialog::backdrop{background:#17223452;backdrop-filter:none}.modal-note{background:#f2f6fc;color:#7f91ab;font-size:12px}.detail-table th,.detail-table td{border-color:#e8edf3}.detail-table th{color:#99a7ba}.close{color:#9ca8ba}dd{color:#8593a8}#error{background:#fff1eb;color:#bc745a}#toast{background:#344b70;color:white}input::placeholder{color:#adb6c3}
@media(min-width:1800px){.kpi-value{font-size:38px}}@media(max-width:540px){.kpi,.kpi:first-child{padding:15px 13px}.kpi:first-child{padding-top:14px}.kpi-value{font-size:25px}.heading h1{font-size:22px}.panel{padding:17px 14px}.money-row strong{font-size:25px}.project-card{padding-top:18px}.periods button{padding:7px 10px}}