.erp{font:14px/1.45 system-ui,Arial,sans-serif;color:#1d2733}
.erp h2{font-size:22px;font-weight:800;margin:2px 0 14px;color:#0f172a}.erp h3{font-size:16px;font-weight:700;margin:18px 0 6px}.erp h4{font-weight:700}.erp p{margin:6px 0}.erp a{color:#4338ca}
.erp table{border-collapse:collapse;background:#fff;width:100%;margin:8px 0;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0002;font-size:13px}
.erp th{background:#f1f5f9;font-weight:600}.erp td,.erp th{border-bottom:1px solid #e5eaf1;padding:8px 10px;text-align:left;vertical-align:top}.erp tr:hover td{background:#fafcff}
.erp input,.erp select,.erp textarea{padding:7px 9px;margin:3px;border:1px solid #c5ceda;border-radius:8px;font:inherit;max-width:100%;background:#fff}
.erp input[type=checkbox]{width:auto;margin-right:6px}.erp input:focus,.erp select:focus,.erp textarea:focus{outline:2px solid #818cf8}
.erp button,.erp .btn{padding:8px 14px;background:#4338ca;color:#fff;border:0;border-radius:8px;text-decoration:none;cursor:pointer;display:inline-block;font:inherit;font-weight:600;margin:3px}
.erp button:hover,.erp .btn:hover{filter:brightness(1.12)}.erp .btn{color:#fff}.erp .green{background:#047857}.erp .red{background:#c0392b}.erp .grey{background:#64748b}.erp .sm{padding:4px 10px;font-size:12px;font-weight:500}
.erp form{background:#fff;padding:12px;border-radius:12px;margin:10px 0;box-shadow:0 1px 3px #0002}.erp form.inline{display:inline-block}.erp tr form{background:none;box-shadow:none;padding:0;margin:0;display:contents}
.erp fieldset{background:#fff;margin:10px 0;border-radius:12px;border:1px solid #d5dce6;padding:8px 12px}.erp legend{padding:0 6px}
.erp .muted{color:#7a8794}.erp .r{text-align:right}.erp .low td{background:#ffe5e5}.erp code{background:#eef1f6;padding:1px 5px;border-radius:4px}
.erp .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 14px}.erp .grid2 label{display:block;font-size:12px;color:#47566a}.erp .grid2 input,.erp .grid2 select,.erp .grid2 textarea{width:100%;margin:3px 0 8px}
.erp .badge{padding:3px 9px;border-radius:12px;font-size:12px;background:#e2e8f0}.erp .badge.Approved{background:#c8f0d8}.erp .badge.Rejected{background:#f8d0cc}.erp .badge.Pending{background:#fff0b3}
.erp details.box{background:#fff;padding:10px 14px;border-radius:12px}

@media (max-width:768px){
 .erp{padding:12px!important;overflow-x:auto}.erp table{display:block;overflow-x:auto;white-space:nowrap}.erp h2{font-size:19px}
 .erp .btn,.erp button{padding:11px 14px;margin:4px 3px}.erp input,.erp select,.erp textarea{font-size:16px;padding:9px}.erp .grid2{grid-template-columns:1fr}
}
body{padding-bottom:env(safe-area-inset-bottom)}

.erp tr.bad td{background:#ffe0e0}.erp tr.warn td{background:#fff6d6}.erp tr.leave td{background:#eef6ff}