.kpi-heading{display:flex;justify-content:space-between;gap:18px;align-items:start}.kpi-heading h2{margin:0}.kpi-heading p{margin:6px 0;font-size:15px}.kpi-tools{display:flex;gap:8px;flex-wrap:wrap}.kpi-tools button{font-size:14px;background:#e9f0f7;color:#0b385e}.kpi-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:white;border:1px solid #dbe5ee;padding:18px;border-radius:18px;margin:20px 0}.kpi-filters label{display:grid;gap:8px;font-size:14px;font-weight:700}.kpi-filters input,.kpi-filters select{width:100%;height:52px;padding:10px;border:1px solid #c4d5e3;border-radius:10px;background:white}.kpi-overview{background:#0b3458;color:white;padding:24px;border-radius:20px;display:flex;justify-content:space-between;gap:18px;align-items:center}.kpi-overview h3{color:white;margin:0;font-size:23px}.kpi-overview p{color:#d4e1ee;margin:6px 0}.kpi-overview small{color:#ffe099}.kpi-rate{font-size:36px;line-height:1.2;white-space:nowrap;color:#ffd36a}.kpi-rate span{display:block;font-size:14px;color:white;margin-top:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.kpi-card{padding:20px;background:white;border:1px solid #d8e4ee;border-radius:16px;min-width:0}.kpi-card>span{display:block;color:#536d84;font-size:14px}.kpi-card>b{display:block;font-size:28px;color:#0b3458;line-height:1.6;margin-top:5px;overflow-wrap:anywhere}.kpi-card>small{display:block;color:#63788a;font-size:14px}.kpi-sections{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpi-panel{padding:20px;background:white;border:1px solid #dce6ee;border-radius:18px;margin-bottom:18px;min-width:0}.kpi-panel h3{margin:0 0 16px;font-size:20px}.kpi-bar-row{display:grid;grid-template-columns:minmax(80px,1fr) 2fr auto;gap:12px;align-items:center;margin:16px 0;font-size:15px}.kpi-track{height:10px;border-radius:8px;overflow:hidden;background:#e8eef4}.kpi-fill{height:100%;background:#0b3b65;border-radius:8px}.kpi-fill.gold{background:#e9b735}.kpi-warning{background:#fff8e6;border:1px solid #ead39c;border-radius:12px;padding:14px;margin:10px 0;color:#725011;font-size:15px}.kpi-table-wrap{overflow:auto}.kpi-table{width:100%;border-collapse:collapse;min-width:640px}.kpi-table th{font-size:14px;color:#526a7f;background:#f4f7fa;text-align:start}.kpi-table td,.kpi-table th{padding:13px 10px;border-bottom:1px solid #e0e8f0}.kpi-table td{font-size:15px}.kpi-badge{display:inline-block;border:1px solid #d1ddea;background:#edf3f8;border-radius:8px;padding:4px 8px;font-size:14px}.kpi-missing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpi-missing>div{border:1px dashed #b7c9d8;border-radius:12px;padding:15px}.kpi-missing strong,.kpi-missing small{display:block}.kpi-missing small{color:#64798c;margin-top:8px;font-size:14px}.kpi-meta{font-size:14px;color:#64798c;overflow-wrap:anywhere}.kpi-status{font-size:15px;color:#913427}.kpi-status:empty{display:none}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-sections{grid-template-columns:1fr}.kpi-missing{grid-template-columns:1fr 1fr}}@media(max-width:600px){.kpi-heading{display:block}.kpi-tools{margin-top:14px}.kpi-tools button{flex:1;min-height:46px}.kpi-filters{padding:14px;gap:12px}.kpi-overview{padding:20px;align-items:start;flex-direction:column}.kpi-rate{font-size:32px}.kpi-grid{gap:10px}.kpi-card{padding:15px 12px}.kpi-card>b{font-size:24px}.kpi-panel{padding:18px 14px}.kpi-bar-row{grid-template-columns:90px 1fr auto;gap:8px;font-size:14px}.kpi-missing{grid-template-columns:1fr}.kpi-meta{line-height:1.9}}
