body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb}.container{max-width:1100px;margin:auto;padding:24px}.card{background:#fff;padding:20px;margin-bottom:20px;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{background:#f1f5f9;color:#334155;font-weight:600;padding:10px;border-bottom:2px solid #e5e7eb;text-align:left}.table td{padding:10px;border-bottom:1px solid #e5e7eb}.table tr.green{background:#ecfdf5}.table tr.green td{color:#065f46;font-weight:500}.table tr.oranye_bawah{background:#fff7ed}.table tr.oranye_bawah td{color:#9a3412;font-weight:500}.table tr.oranye_atas{background:#fff7ed}.table tr.oranye_atas td{color:#9a3412;font-weight:500}.table tr.red{background:#fef2f2}.table tr.red td{color:#991b1b;font-weight:600}.table tbody tr:hover{filter:brightness(.97)}