.risk{border-radius:999px;padding:3px 7px;font-size:11px;font-weight:750}.r-Normal{background:#e2e8f0;color:#475569}.r-Perhatian{background:#fef3c7;color:#92400e}.r-Waspada{background:#fed7aa;color:#9a3412}.r-Kritis{background:#fee2e2;color:#b91c1c}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.kpi-number{font-size:34px;font-weight:800;color:#3730a3}.kpi-number small{font-size:12px;color:#64748b;margin-left:5px}.bar{height:9px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin:10px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,#4f46e5,#06b6d4);border-radius:99px}
.report-table{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;margin-bottom:22px}.report-table>div{display:grid;grid-template-columns:1fr 100px 140px;gap:10px;padding:11px 14px;border-bottom:1px solid #eef2f7}.report-table>div:last-child{border-bottom:0}.report-table span{color:#64748b;text-align:right}
fieldset{border:1px solid #dbe2ea;border-radius:10px;margin:14px 0;padding:12px}.check{display:inline-flex;margin:6px 12px 6px 0;align-items:center}
@media(max-width:620px){.report-table>div{grid-template-columns:1fr auto}.report-table>div span:last-child{grid-column:1/-1;text-align:left}}