body{margin:0;background:#f4f6f9;font-family:Arial;color:#1f2937}
header{background:#17365d;color:#fff;padding:18px 28px;display:flex;justify-content:space-between}
header h1{margin:0}
nav a{color:#fff;margin-left:20px;text-decoration:none}
main{max-width:1450px;margin:auto;padding:24px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.cards.compact{grid-template-columns:repeat(3,minmax(180px,260px))}
.card,section{background:#fff;border:1px solid #dbe3ec;border-radius:12px;padding:18px;margin-bottom:18px}
.card span{display:block;color:#64748b}
.card strong{display:block;font-size:27px;margin-top:6px}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
input,select{padding:10px;border:1px solid #c7d2df;border-radius:7px;min-width:180px}
button,.button{background:#1f4e78;color:#fff;border:0;border-radius:7px;padding:10px 16px;font-weight:bold;text-decoration:none;display:inline-block}
.button.secondary{background:#e8eef5;color:#17365d}
.table-wrap{overflow:auto;max-height:680px}
table{width:100%;border-collapse:collapse;font-size:13px}
th{position:sticky;top:0;background:#1f4e78;color:#fff;text-align:left;padding:10px}
td{padding:9px;border-bottom:1px solid #e5e7eb}
td a{color:#1f4e78;font-weight:bold}
.muted{color:#64748b}
.alert{padding:12px;border-radius:8px;margin-bottom:15px}.success{background:#dff3e4}.error{background:#fce3e0}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.filters>*{width:100%}}

.upload-form{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;align-items:end}
.upload-form label{font-weight:700}
.upload-form input,.upload-form select{width:100%;margin-top:6px}
.upload-form button{height:42px}
@media(max-width:900px){.upload-form{grid-template-columns:1fr}}

.review-summary{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:18px;padding:12px;background:#f7f9fc;border-radius:8px}
.cell-input{min-width:90px;width:100%;padding:7px}
.cell-input.wide{min-width:180px}
.cell-input.small{min-width:65px}
.cell-input.price{min-width:100px}
.row-actions{display:flex;gap:6px;align-items:center}
.small-button{padding:7px 10px;font-size:12px}
.danger{background:#a61b1b!important;color:white!important}
.approval-actions{display:flex;gap:12px;margin-top:18px}

.review-summary{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:18px;padding:12px;background:#f7f9fc;border-radius:8px}
.approval-actions{display:flex;gap:12px;margin-top:18px}
.danger{background:#a61b1b!important;color:#fff!important}

.bad-value{color:#a61b1b}

.review-summary{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:18px;padding:16px;background:#f7f9fc;border-radius:8px}
.approval-actions{display:flex;gap:12px;margin-top:18px}
.danger{background:#a61b1b!important;color:#fff!important}

.history-actions{display:flex;gap:10px;align-items:center}
.history-actions form{margin:0}
.small-button{padding:6px 10px;font-size:12px}
#challan-items{width:100%}
form .card,form .section{overflow-x:auto}
#challan-items td,#challan-items th{white-space:nowrap}
a.brand{color:#fff!important;font-size:18px;font-weight:700;text-decoration:none;letter-spacing:1px}

.btn-danger{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;}
.btn-danger:hover{background:#b91c1c;}