:root{font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;color:#17213b;background:#f3f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.top{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,24px);background:#fff;border-bottom:1px solid #e5edf7}.brand{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:800}.brand-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#236be8,#20c0ce);color:#fff}.brand small{font-size:14px;font-weight:500;border-left:1px solid #dce4ef;margin-left:16px;padding-left:16px;color:#7a869c}.sync-dot{font-size:13px;font-weight:650;color:#17a77d}main{max-width:1500px;margin:auto;padding:34px 4% 26px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:32px;margin:0;letter-spacing:-1px}h1 span{font-size:24px;font-weight:700;margin-left:8px}.subtitle{font-size:14px;color:#748198;margin:10px 0 0}.button{border:0;border-radius:10px;background:#e9f2ff;color:#1762d0;font-weight:700;font-size:14px;padding:13px 18px}.filters{display:flex;align-items:end;gap:16px;background:#fff;border:1px solid #dfe8f4;border-radius:16px;padding:21px 24px;box-shadow:0 8px 28px #234b7910}.filters label{display:flex;flex-direction:column;gap:9px;min-width:160px;color:#59677f;font-size:14px;font-weight:650}.filters .project-filter{min-width:280px;flex:1}.filters select,.filters input{height:46px;border:1px solid #d8e2ef;border-radius:9px;padding:0 13px;background:#fff;color:#17213b;font-size:15px}.date-dash{padding-bottom:14px;color:#95a0b1}.text-button{height:46px;border:0;background:transparent;color:#286ad3;font-size:15px;font-weight:700;padding:0 8px}.section-label{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.section-label h2,.panel-head h2{font-size:21px;margin:0}.section-label span,.panel-head p{font-size:14px;color:#738098;margin:7px 0 0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kpi{min-height:158px;background:#fff;border:1px solid #dfe8f4;border-radius:15px;padding:22px 24px;box-shadow:0 9px 26px #234b790c}.kpi.primary{background:linear-gradient(135deg,#1766da,#3188ee);color:#fff;border-color:transparent}.kpi-top{display:flex;align-items:center;gap:10px}.kpi-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf5ff;color:#1769d7;font-size:15px;font-weight:800}.primary .kpi-icon{background:#ffffff24;color:#fff}.kpi-label{font-size:16px;font-weight:700;color:#56647a}.primary .kpi-label{color:#fff}.kpi-value{font-size:38px;font-weight:820;letter-spacing:-1px;margin:18px 0 8px;white-space:nowrap;font-variant-numeric:tabular-nums}.kpi-value small{font-size:20px;margin-right:4px}.kpi-note{font-size:13px;color:#8490a3}.primary .kpi-note{color:#dcecff}.chart-panel,.table-panel{background:#fff;border:1px solid #dfe8f4;border-radius:16px;margin-top:22px;overflow:hidden;box-shadow:0 9px 28px #234b790b}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:24px 26px 10px}.trend-actions{display:flex;gap:8px}.trend-actions button{border:1px solid #cddbed;background:#fff;color:#526078;border-radius:9px;padding:10px 17px;font-size:14px;font-weight:700;cursor:pointer}.trend-actions button.active{background:#1769dd;color:#fff;border-color:#1769dd}.legend{display:flex;justify-content:flex-end;gap:24px;padding:3px 28px 2px;font-size:14px;font-weight:650;color:#56647a}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:10px;height:10px;border-radius:50%}.legend .blue{background:#1769dd}.legend .mint{background:#18b9b1}.trend-chart{overflow-x:auto;padding:0 20px 12px}.trend-svg{display:block;min-width:100%;height:330px}.grid{stroke:#e8eef6;stroke-width:1;stroke-dasharray:4 5}.area{fill:url(#none);fill:#2477e510}.line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line.spend{stroke:#1769dd}.line.leads{stroke:#18b9b1}.dot{stroke:#fff;stroke-width:2}.dot.spend{fill:#1769dd}.dot.leads{fill:#18b9b1}.trend-svg text{font-family:inherit}.value{font-size:12px;font-weight:800}.spend-value{fill:#1769dd}.leads-value{fill:#159f99}.axis{fill:#77849a;font-size:12px;font-weight:650}.traffic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}.traffic-grid .kpi{min-height:130px}.traffic-grid .kpi-value{font-size:32px;margin:13px 0 5px}.table-wrap{overflow:auto;max-height:620px}table{border-collapse:separate;border-spacing:0;min-width:1050px;width:100%;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}th,td{padding:16px 19px;border-bottom:1px solid #e9eef5;text-align:right}th{position:sticky;top:0;z-index:2;background:#eaf4ff;color:#39536f;font-size:14px;font-weight:800}th:first-child,td:first-child{text-align:left;position:sticky;left:0;z-index:1;background:#fff}th:first-child{z-index:3;background:#eaf4ff}.total td{background:#dceeff!important;color:#185eaf;font-weight:800;position:sticky;top:49px;z-index:2}.total td:first-child{z-index:3}tbody tr:hover td{background:#f7fbff}.money{font-weight:750}.muted{color:#a5aebb}.empty-row{text-align:center!important;padding:48px;color:#8591a4}.count{font-size:13px;background:#eaf3ff;color:#1763c7;padding:4px 9px;border-radius:7px;margin-left:8px}.table-foot{display:flex;justify-content:space-between;padding:15px 24px;font-size:13px;color:#7b8799}.definitions{margin-top:20px;border:1px solid #dfe8f4;border-radius:12px;background:#fff;font-size:13px;color:#67758b}.definitions summary{cursor:pointer;padding:17px 20px;font-weight:700}.definitions div{padding:0 20px 16px;line-height:1.8}.footer{display:flex;align-items:center;gap:17px;padding:26px 0 4px;font-size:12px;color:#8a96a7}.footer strong{font-size:15px}.footer a{margin-left:auto;color:#8a96a7;text-decoration:none}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#17213b;color:#fff;border-radius:10px;padding:13px 20px;font-size:14px;display:none;z-index:30}
@media(max-width:900px){.filters{flex-wrap:wrap}.filters label{flex:1}.kpi-value{font-size:31px}.kpi{padding:20px 17px}}
@media(max-width:650px){.top{height:62px;padding:0 16px}.brand{font-size:17px}.brand-icon{width:34px;height:34px}.brand small{display:none}.sync-dot{font-size:11px}main{padding:22px 13px 18px}.heading{align-items:flex-start;gap:10px}h1{font-size:24px;line-height:1.25}h1 span{display:block;font-size:20px;margin:3px 0 0}.subtitle{font-size:12px;line-height:1.5}.button{font-size:12px;padding:10px 11px;white-space:nowrap}.filters{padding:15px;gap:12px}.filters label,.filters .project-filter{min-width:100%;width:100%;font-size:13px}.filters select,.filters input{height:43px;font-size:13px;width:100%}.section-label{margin:24px 0 12px}.section-label h2,.panel-head h2{font-size:19px}.section-label span{font-size:12px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{min-height:135px;padding:17px 15px;border-radius:13px}.kpi-icon{width:30px;height:30px}.kpi-label{font-size:14px}.kpi-value{font-size:26px;margin:14px 0 7px}.kpi-value small{font-size:16px}.kpi-note{font-size:11px}.panel-head{padding:19px 16px 9px;align-items:flex-start;gap:12px}.panel-head p{font-size:12px}.chart-controls{width:100%;align-items:flex-end}.segmented button{font-size:12px;padding:8px 10px}.legend{justify-content:flex-start;padding:5px 17px;font-size:12px}.trend-chart{padding:0 8px 9px}.trend-svg{height:300px}.table-heading{flex-direction:column}.detail-tabs{max-width:100%}.table-panel .panel-head{padding-bottom:16px}.table-foot{font-size:11px;flex-direction:column;gap:7px;padding:13px 16px}table{font-size:13px}th,td{padding:14px}.definitions{font-size:12px}.footer{font-size:11px;flex-wrap:wrap}.footer a{margin-left:0;width:100%}}

/* 2026-10-02 dashboard refinement */
.quick-range,.segmented,.detail-tabs{display:flex;gap:8px;align-items:center}.quick-range{align-self:center;flex-wrap:wrap}.quick-range button,.segmented button,.detail-tabs button{border:1px solid #cddbed;background:#fff;color:#526078;border-radius:9px;padding:10px 16px;font-size:14px;font-weight:750;cursor:pointer;white-space:nowrap}.quick-range button.active,.segmented button.active,.detail-tabs button.active{background:#1769dd;color:#fff;border-color:#1769dd;box-shadow:0 5px 14px #1769dd24}.date-range{display:flex;align-items:end;gap:12px;padding-left:16px;border-left:1px solid #e2e9f2}.date-range>span{padding-bottom:14px;color:#95a0b1}.date-range label{min-width:150px}.kpis{grid-template-columns:repeat(4,1fr)}.kpi{min-height:148px}.chart-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.metric-actions{padding-right:14px;border-right:1px solid #e0e8f2}.legend{min-height:28px}.metric-spend .line{stroke:#1769dd}.metric-spend .area{fill:#2477e514}.metric-spend .dot{fill:#1769dd}.metric-spend .value{fill:#1769dd}.metric-leads .line{stroke:#18b9b1}.metric-leads .area{fill:#18b9b115}.metric-leads .dot{fill:#18b9b1}.metric-leads .value{fill:#159f99}.table-heading{padding-bottom:18px}.detail-tabs{overflow-x:auto;padding-bottom:2px;max-width:62%}.average td{background:#f0f8ff!important;color:#1664bd;font-weight:800;border-top:2px solid #bad9fb}.average td:first-child{background:#f0f8ff!important}.table-wrap{max-height:680px}table{min-width:1380px}
@media(max-width:1100px){.filters{flex-wrap:wrap}.quick-range{width:100%}.date-range{border-left:0;padding-left:0}.kpis{grid-template-columns:repeat(4,1fr)}.kpi-value{font-size:29px}}
@media(max-width:760px){.quick-range{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quick-range button{padding:9px 6px;font-size:12px}.date-range{width:100%;display:grid;grid-template-columns:1fr auto 1fr}.date-range label{min-width:0}.kpis{grid-template-columns:1fr 1fr}.metric-actions{border-right:0;padding-right:0}.chart-controls{flex-direction:column}.detail-tabs{max-width:100%;width:100%}}