:root{--green:#256149}body{margin:0;background:#f5f7f6;color:#193b2d;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.side{padding:25px 15px;background:#fff;border-right:1px solid #dce7df;position:sticky;top:0;height:100vh;overflow:auto;box-sizing:border-box}.side h2{margin:0 12px 25px}.side button{display:block;width:100%;border:0;background:none;text-align:left;padding:12px;border-radius:8px;margin:3px 0;color:#456253}.side button.active{background:#e6f2eb;color:#215d3e;font-weight:bold}.workspace{padding:25px;min-width:0}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px}.top small{display:block;margin-top:6px;color:#61766a}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panel{background:white;border:1px solid #dce7df;border-radius:12px;padding:18px;margin-bottom:16px}.panel h2,.panel h3{margin:0 0 14px}.btn{border:1px solid #ceddd2;border-radius:7px;background:white;padding:9px 12px;color:#244d36;min-height:40px}.primary{background:#256149;color:white;border-color:#256149}.input,select,textarea{border:1px solid #cbdacf;border-radius:7px;padding:10px;background:white;color:#244333;max-width:100%;box-sizing:border-box}label{display:block;font-size:13px;margin-bottom:8px}label .input,label select,label textarea{display:block;width:100%;margin-top:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px}.stat{padding:18px;border:1px solid #dce7df;border-radius:10px;background:#fff}.stat strong{display:block;font-size:24px;margin-top:10px}.muted{font-size:12px;color:#6a7f71}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #e5ece7;vertical-align:top;font-size:13px}th{font-size:12px;white-space:nowrap;background:#f6f9f7;position:sticky;top:0}td{max-width:250px;overflow-wrap:anywhere}.actions{display:flex;gap:5px;flex-wrap:wrap;min-width:180px}.actions button{padding:6px 9px}.empty{text-align:center;padding:35px;color:#6a7f71}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:15px}.filters label{margin:0}.filters input{max-width:220px}.login{max-width:390px;margin:10vh auto;padding:30px}.login h1{margin:0 0 8px}.login form{margin-top:25px}#notice{position:fixed;bottom:20px;right:20px;background:#244d36;color:#fff;padding:15px;border-radius:10px;max-width:420px;z-index:1000;display:none}dialog{border:0;border-radius:15px;width:min(830px,94vw);max-height:90vh;padding:24px;color:#244333;box-sizing:border-box}dialog::backdrop{background:#152c2477}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{margin:0}.error{color:#ad3c32;white-space:pre-wrap;margin:12px 0}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px}.checks label{border:1px solid #e1e8e3;border-radius:6px;padding:8px;display:flex;align-items:center;gap:7px}.order-card{display:none}.mobile-menu{display:none}.history{border-left:3px solid #d6e8dd;padding:8px 15px;margin:8px 0}.column-row{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #e4ebe7}.column-row span{flex:1}.notice{padding:10px;background:#fff6dd;border-radius:7px;font-size:13px}.footer{margin-top:15px;display:flex;justify-content:space-between;gap:12px;align-items:center}textarea{width:100%;min-height:100px}.overdue{border-color:#d89077;background:#fff9f5}
@media(max-width:760px){.shell{display:block}.side{display:none}.shell.drawer .side{display:block;position:fixed;z-index:90;left:0;top:0;width:260px;box-shadow:0 0 0 100vw #193b2d77}.workspace{padding:14px}.mobile-menu{display:block}.top{align-items:start}.top .row{justify-content:flex-end}.shipment-table{display:none}.order-card{display:block;background:#fff;border:1px solid #dce7df;border-radius:10px;padding:14px;margin:10px 0}.order-card .grid{grid-template-columns:1fr 1fr;margin:12px 0}.order-card .grid span{font-size:12px}.order-card h3{margin:0 0 7px}.filters{gap:8px}.filters label{flex:1;min-width:130px}.filters input{width:100%;max-width:none}.grid{grid-template-columns:1fr}.stat strong{font-size:20px}dialog{padding:16px}.footer{flex-wrap:wrap}.login{margin:5vh 14px}.actions{min-width:0}}