.kpi-redesign{--kpi-line:#dce4ee;--kpi-ink:#20364b;--kpi-muted:#52687e;gap:20px;color:var(--kpi-ink);font-size:14px}
.kpi-redesign .panel{padding:20px;border:1px solid var(--kpi-line);border-radius:8px;background:#fff;box-shadow:none;min-width:0}
.kpi-redesign .panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-block-end:16px}
.kpi-redesign h1{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:0}.kpi-redesign h2{font-size:16px;line-height:1.4;margin:0}.kpi-redesign .support-text{font-size:12px;line-height:1.6;color:var(--kpi-muted);margin-block:4px 0}
.kpi-redesign button{border-radius:6px;min-height:36px;padding:7px 13px;white-space:normal;font-size:13px;font-weight:600;box-shadow:none}
.kpi-redesign input,.kpi-redesign select{min-height:40px;border:1px solid #bdcede;border-radius:6px;box-shadow:none;background:#fff;color:var(--kpi-ink);font:inherit;padding:8px 10px;min-width:0;width:100%}
.kpi-redesign .kpi-filter-panel{border:0;padding:0;background:transparent}.kpi-redesign .kpi-filter-panel>.panel-head{margin-block-end:24px}
.kpi-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end}.kpi-filters label{display:grid;gap:7px;min-width:0;color:var(--kpi-muted);font-size:12px}.kpi-filters button{min-height:40px}.kpi-redesign .kpi-report-stamp{margin-block-start:12px}
.kpi-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:18px;border:1px solid var(--kpi-line);border-radius:8px;background:#fff}
.kpi-summary-strip article{padding-inline:20px;border-inline-end:1px solid var(--kpi-line);min-width:0}.kpi-summary-strip article:last-child{border:0}.kpi-summary-strip span,.kpi-summary-strip small,.kpi-labour-results span{display:block;color:var(--kpi-muted);font-size:12px}.kpi-summary-strip strong{display:block;font-size:24px;line-height:1.3;font-weight:600;margin-block:4px}.kpi-summary-strip article:first-child strong{font-size:30px}
.kpi-redesign .num{font-variant-numeric:tabular-nums}.kpi-redesign .kpi-badge{background:#eef1f5;color:#4f6276;padding:3px 8px;border-radius:4px;font-size:12px}
.kpi-table-scroll{max-width:100%;overflow:auto;scrollbar-width:thin}.kpi-redesign table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.kpi-redesign th{text-align:start;color:var(--kpi-muted);font-size:12px;font-weight:500;padding:10px}.kpi-redesign td{padding:14px 10px;border-block-start:1px solid #edf0f4}.kpi-redesign td.num,.kpi-redesign th.num{text-align:end}.kpi-redesign th:first-child,.kpi-redesign td:first-child{padding-inline-start:0}.kpi-redesign th:last-child,.kpi-redesign td:last-child{padding-inline-end:0}.kpi-redesign tfoot td{font-weight:600;border-block-start-color:var(--kpi-line)}.kpi-redesign .kpi-footnote{margin-block-start:12px}
.kpi-card-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.kpi-redesign .kpi-card-pair>.panel{margin:0;height:auto;align-self:stretch;min-height:220px}.kpi-ranking{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:16px;align-items:center;min-height:48px;font-size:13px}.kpi-ranking>strong{text-align:end;font-weight:600}.kpi-bar{height:5px;margin-block-start:8px;background:#1764ce;border-radius:2px}
.kpi-redesign .kpi-person{background:transparent;border:0;padding:0;min-height:32px;color:#20569b;font-weight:600;text-align:start}.kpi-team-switch{display:flex;gap:4px;flex-wrap:wrap;padding:3px;background:#f0f3f6;border-radius:6px}.kpi-team-switch button{background:transparent;border:1px solid transparent}.kpi-team-switch button[aria-pressed=true]{background:#fff;border-color:var(--kpi-line)}
.kpi-video-rate{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-block:22px 16px}.kpi-video-rate strong{font-size:30px;font-weight:600}.kpi-video-rate small{font-size:14px;color:var(--kpi-muted);font-weight:400}.kpi-redesign progress{width:100%;height:6px;display:block;border:0;border-radius:3px;overflow:hidden;background:#edf1f5;accent-color:#1764ce}.kpi-redesign progress::-webkit-progress-bar{background:#edf1f5}.kpi-redesign progress::-webkit-progress-value{background:#1764ce}.kpi-video-counts{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--kpi-muted);font-size:12px;margin-block-start:10px}.kpi-labour-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.kpi-labour-results strong{display:block;font-size:16px;margin-block-start:5px}.kpi-labour-results small{color:var(--kpi-muted);font-size:12px}
@media(max-width:1100px){.kpi-filters{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.kpi-filters label:nth-child(3){grid-column:1}.kpi-filters button{grid-column:3;grid-row:2}.kpi-summary-strip article{padding-inline:14px}.kpi-summary-strip strong{font-size:22px}}
@media(max-width:800px){.kpi-card-pair{grid-template-columns:minmax(0,1fr)}.kpi-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.kpi-summary-strip article:nth-child(2){border:0}.kpi-redesign .panel{padding:16px}}
@media(max-width:480px){.kpi-filters{grid-template-columns:minmax(0,1fr)}.kpi-filters label:nth-child(3),.kpi-filters button{grid-column:auto;grid-row:auto}.kpi-summary-strip{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:16px}.kpi-summary-strip article{border:0}.kpi-labour-results{grid-template-columns:minmax(0,1fr)}.kpi-redesign .panel-head>button{max-width:100%}}

.kpi-redesign [data-action=refresh-kpi-report],.kpi-redesign [data-action=toggle-payment-window]{background:#edf4ff;border-color:#bcd2f2;color:#1757ad}