:root{color:#172033;font-synthesis:none;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app{max-width:1500px;margin:0 auto;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.topbar h1{margin:4px 0 0;font-size:28px}.eyebrow{letter-spacing:.13em;color:#718096;font-size:11px;font-weight:800}.top-actions{align-items:center;gap:10px;display:flex}.top-actions button{cursor:pointer;background:#fff;border:1px solid #dce3ee;border-radius:12px;align-items:center;gap:7px;padding:10px 14px;display:flex}.live{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.live.ok{color:#147a46;background:#e7f7ee}.live.demo{color:#925f00;background:#fff4dd}.notice{background:#fff8e8;border:1px solid #f1ddae;border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:13px}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.card{background:#fff;border:1px solid #e5eaf2;border-radius:16px;box-shadow:0 4px 18px #1520320a}.kpi{padding:16px}.kpi-head{color:#667085;justify-content:space-between;font-size:12px;display:flex}.kpi-value{margin-top:10px;font-size:24px;font-weight:800}.kpi-sub{color:#7b8494;margin-top:7px;font-size:11px}.tone-good{border-top:3px solid #36a269}.tone-warn{border-top:3px solid #dfa92f}.tone-bad{border-top:3px solid #d95b5b}.grid.two{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px;display:grid}.panel{min-height:360px;padding:18px}.panel-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-title h2{margin:3px 0 0;font-size:17px}.legend{color:#7c8797;gap:10px;font-size:11px;display:flex}.chart{height:280px;margin-top:16px}.budget-box{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.budget-box>div{background:#f7f9fc;border-radius:12px;padding:14px}.budget-box span{color:#748094;font-size:11px;display:block}.budget-box b{margin-top:6px;font-size:18px;display:block}.decision{background:#eef4ff;border-radius:12px;flex-direction:column;gap:5px;margin-top:14px;padding:14px;display:flex}.decision.pay,.decision.reduce{background:#fff0ef}.decision strong{font-size:16px}.decision span{color:#606c7c;font-size:12px}.footnote{color:#7d8796;margin-top:4px;font-size:11px}.table-wrap{margin-top:15px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:right;border-bottom:1px solid #edf0f4;padding:10px}th:first-child,td:first-child{text-align:left}th{color:#7a8493;font-weight:700}.pill{border-radius:8px;padding:4px 7px;font-weight:700}.pill.good{color:#147a46;background:#e7f7ee}.pill.warn{color:#925f00;background:#fff4dd}.pill.bad{color:#a93731;background:#ffebe9}.pill.neutral{color:#5c6674;background:#eef1f5}footer{color:#8992a1;padding:18px 2px 4px;font-size:11px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.app{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.kpi-grid{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}.topbar h1{font-size:22px}}@media (width<=520px){.kpi-grid,.budget-box{grid-template-columns:1fr}}.campaigns-panel{min-height:auto;margin-top:14px}.campaigns-panel td:first-child,.campaigns-panel th:first-child{max-width:520px}.empty-state{color:#778195;text-align:center;background:#fafbfd;border:1px dashed #d9e0ea;border-radius:12px;margin-top:18px;padding:24px;font-size:13px}