:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18212f;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}main{max-width:1900px;margin:auto;padding:22px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}h1{margin:0 0 5px;font-size:25px}h2{font-size:19px;margin:0 0 16px}.muted,#who{color:#6b7280}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:0 3px 12px #18212f0a}.login{max-width:420px;margin:13vh auto}.login form{display:grid;gap:12px}input,select,button{font:inherit;border-radius:9px;padding:11px;border:1px solid #d1d5db;background:#fff}button{background:#2563eb;color:#fff;border:0;font-weight:650;cursor:pointer}button:hover{filter:brightness(.96)}button:disabled{opacity:.6;cursor:wait}.secondary{background:#e5e7eb;color:#374151}.main-nav{display:flex;gap:10px;margin-bottom:18px}.main-nav button{flex:1}.main-nav button.active{box-shadow:inset 0 -3px #173f9a}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grid label{display:grid;gap:6px;font-size:14px}.grid .wide{grid-column:1/-1}.grid>button{grid-column:1/-1}.cards{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:11px;margin-bottom:18px}.cards div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px}.cards b,.cards span{display:block}.cards b{font-size:22px}.cards span{color:#6b7280;font-size:13px;margin-top:5px}.searchbar{display:flex;align-items:end;gap:10px;margin-bottom:12px}.searchbar label{display:grid;gap:5px}.table{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1220px}th,td{padding:11px 9px;border-bottom:1px solid #eef0f2;text-align:left;white-space:nowrap;font-size:13px}th{background:#f8fafc;position:sticky;top:0;z-index:1}tr.inactive td{background:#ffe5e5;color:#b42318}.actions-cell{display:flex;gap:5px}.actions-cell button{padding:10px 13px}.detail-row td{background:#f8fafc;padding:16px 20px;white-space:normal}.order-subdetail{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:14px;border-left:3px solid #2563eb;padding-left:14px}.order-subdetail>div{display:grid;align-content:start;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.order-subdetail b{font-size:14px;color:#18212f}.order-subdetail span{color:#4b5563;font-size:13px;overflow-wrap:anywhere}.order-subdetail button{margin-top:4px}.modal-backdrop{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;z-index:10000;padding:14px}.modal{background:#fff;border-radius:14px;padding:22px;width:min(650px,100%);max-height:calc(100vh - 28px);overflow:auto;box-shadow:0 10px 40px #0004}.modal fieldset{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #dbe2ea;border-radius:10px;padding:13px}.modal legend{font-weight:650}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.proof-modal{width:min(900px,100%)}.proof-modal>button{display:block;margin-left:auto;margin-bottom:12px}.proof-modal img{display:block;max-width:100%;max-height:75vh;margin:auto}#toast{position:fixed;right:22px;bottom:22px;z-index:20000;padding:14px 18px;border-radius:9px;font-weight:650;box-shadow:0 5px 20px #0002}#toast.ok{background:#e8f7ee;color:#177245}#toast.error{background:#fff0f0;color:#b42318}[hidden]{display:none!important}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.order-subdetail{grid-template-columns:repeat(2,minmax(200px,1fr))}}
@media(max-width:700px){main{padding:10px}.cards{grid-template-columns:repeat(2,1fr)}.grid,.modal fieldset{grid-template-columns:1fr}.searchbar{align-items:stretch;flex-direction:column}.searchbar button{align-self:flex-start}.order-subdetail{grid-template-columns:1fr}.login{margin-top:8vh}h1{font-size:21px}}