.kpi-tabs { margin:0 0 16px; }
.kpi-year-control { display:grid; gap:5px; color:#64748b; font:700 10px 'DM Sans',sans-serif; letter-spacing:.4px; text-transform:uppercase; }
.kpi-year-control select { border:1px solid #b9c8e5; border-radius:6px; padding:8px 28px 8px 10px; background:#fff; color:#1e40af; font:700 13px 'DM Sans',sans-serif; }
.kpi-monthly-scroll { max-height:560px; overflow:auto; border:1px solid #dce4ef; border-radius:8px; }
.kpi-monthly-scroll .table-card,.kpi-plan-scroll .table-card,.kpi-formula-scroll .table-card { border:0; border-radius:0; margin:0; }
.kpi-monthly-scroll .data-table th { position:sticky; top:0; z-index:2; }
.kpi-monthly-scroll .data-table th:nth-child(1),.kpi-monthly-scroll .data-table td:nth-child(1) { position:sticky; left:0; z-index:2; min-width:42px; width:42px; background:#fff; }
.kpi-monthly-scroll .data-table th:nth-child(2),.kpi-monthly-scroll .data-table td:nth-child(2) { position:sticky; left:42px; z-index:2; min-width:250px; width:250px; background:#fff; box-shadow:4px 0 7px #223b6614; }
.kpi-monthly-scroll .data-table th:nth-child(3),.kpi-monthly-scroll .data-table td:nth-child(3) { position:sticky; left:292px; z-index:2; min-width:88px; width:88px; background:#fff; }
.kpi-monthly-scroll .data-table th:nth-child(4),.kpi-monthly-scroll .data-table td:nth-child(4) { position:sticky; left:380px; z-index:2; min-width:134px; width:134px; background:#fff; box-shadow:5px 0 8px #223b6620; }
.kpi-monthly-scroll .data-table th:nth-child(-n+4) { z-index:4; background:#fafbfa; }
.kpi-plan-scroll { max-height:560px; overflow:auto; border:1px solid #dce4ef; border-radius:8px; }
.kpi-plan-scroll .data-table th { position:sticky; top:0; z-index:2; background:#fafbfa; }
.kpi-plan-scroll .data-table th:first-child,.kpi-plan-scroll .data-table td:first-child { position:sticky; left:0; z-index:3; min-width:190px; width:190px; background:#fff; box-shadow:4px 0 7px #223b6614; }
.kpi-plan-scroll .data-table th:first-child { z-index:4; background:#fafbfa; }
.kpi-plan-scroll .data-table th:not(:first-child),.kpi-plan-scroll .data-table td:not(:first-child) { min-width:112px; }
.kpi-target-input { width:68px; border:1px solid #9eb5ec; border-radius:5px; padding:6px; color:#1e40af; font:700 11px 'DM Sans',sans-serif; }
.kpi-comparison { margin-left:4px; border:1px solid #9eb5ec; border-radius:5px; padding:6px 3px; background:#fff; color:#1e40af; }
.kpi-month-value { display:inline-block; min-width:70px; text-align:center; border-radius:5px; padding:6px 7px; font-size:11px; font-weight:700; }
.kpi-month-value.on-target { color:#176231; background:#dff5df; }
.kpi-month-value.off-target { color:#a64d10; background:#fff0d6; }
.kpi-month-value.no-data { color:#7b8795; background:#eef1f5; }
.kpi-hours-input { width:74px; border:1px solid #9eb5ec; border-radius:5px; padding:7px; color:#1e40af; font:700 11px 'DM Sans',sans-serif; }
.kpi-formulas { margin-top:18px; }
.kpi-formula-scroll { overflow:auto; }
@media(max-width:700px){.kpi-intro{align-items:start;gap:12px;flex-direction:column}.kpi-monthly-scroll,.kpi-plan-scroll{max-height:500px}.kpi-plan-scroll .data-table th:first-child,.kpi-plan-scroll .data-table td:first-child{min-width:150px;width:150px}.kpi-month-value{min-width:62px}}
.kpi-maintenance-mix{margin-bottom:18px}.kpi-maintenance-mix>p{color:#64748b}.kpi-mix-bar{display:flex;height:18px;overflow:hidden;border-radius:999px;background:#e7edf6;margin:16px 0 10px}.kpi-mix-bar i{background:#e46b27}.kpi-mix-bar b{background:#168a52}.kpi-mix-legend{display:flex;flex-wrap:wrap;gap:14px 28px}.kpi-mix-legend span{display:flex;align-items:center;gap:6px;color:#52645f}.kpi-mix-legend i{width:10px;height:10px;border-radius:50%;background:#e46b27}.kpi-mix-legend span:nth-child(2) i{background:#168a52}
.kpi-mix-months{display:grid;grid-template-columns:repeat(12,minmax(62px,1fr));gap:6px;margin-top:18px;overflow:auto}.kpi-mix-months article{display:grid;gap:3px;padding:8px;border:1px solid #dce4ef;border-radius:8px;color:#64748b;font-size:11px}.kpi-mix-months article.active{border-color:#2045bd;background:#eef3ff}.kpi-mix-months b{text-transform:uppercase;color:#21324a}