:root{font-family:Inter,system-ui,Arial,sans-serif;color:#183044;background:#f2f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.layout{display:flex;min-height:100vh}.side{width:245px;flex-shrink:0;background:#06151f;color:#c9d6de;padding:20px 13px}.brand{font-size:19px;color:#fff;font-weight:800;margin:12px 8px 30px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#d8b95d;margin-top:7px}.nav{display:block;width:100%;text-align:left;background:none;border:0;color:#c9d6de;padding:14px;border-radius:7px;margin:5px 0}.nav.active{background:#08313b;color:#fff;border-left:3px solid #0bb2b3}.main{flex:1;min-width:0}.top{height:74px;background:#fff;border-bottom:1px solid #dae4e9;display:flex;justify-content:space-between;align-items:center;padding:0 28px;gap:16px}.content{padding:30px;max-width:1500px;margin:auto}.muted{color:#698093}.card{background:#fff;border:1px solid #dbe5ec;border-radius:12px;margin:16px 0;overflow:hidden}.cardhead{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.btn{border:1px solid #d6e1e8;background:#fff;border-radius:8px;padding:10px 13px;color:#183044}.btn.primary{background:#062b38;color:#fff;border-color:#062b38}.field,select,textarea,input{border:1px solid #d4e0e7;border-radius:7px;background:#fff;color:#203949;padding:10px;min-width:0}.field{min-width:220px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chip{border:1px solid #d7e3ea;border-radius:25px;padding:9px 15px;background:#fff}.chip.active{background:#071c29;color:#fff}.taskrow{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #e1e8ec;min-height:51px;cursor:pointer}.taskrow:hover{outline:1px solid #a7cbd3}.tasktitle{flex:1;min-width:120px}.code{width:150px;min-width:150px;font-weight:700;font-size:11px}.taskmeta{font-size:12px;min-width:90px}.grouphead{background:#f8fbfc;padding:12px 16px;font-weight:700}.panel{position:fixed;right:0;top:0;bottom:0;width:min(460px,100vw);background:#fff;box-shadow:-9px 0 35px #001a2a24;z-index:5;display:flex;flex-direction:column}.panelhead{padding:22px;border-bottom:1px solid #dce7ec;display:flex;justify-content:space-between;align-items:center}.panelbody{overflow:auto;padding:20px 24px 35px;flex:1}.formlabel{display:block;font-size:11px;color:#59758a;font-weight:800;margin:15px 0 6px}.panel input,.panel textarea,.panel select{width:100%}.panel textarea{min-height:82px}.formactions{display:flex;gap:9px;margin-top:22px}.error{color:#ad2e2e;padding:10px}.login{max-width:420px;margin:13vh auto;background:#fff;border:1px solid #dce6ea;padding:35px;border-radius:12px}.login input{width:100%;margin:7px 0 15px}.login button{width:100%}.readonly{font-size:12px;color:#5e778a}.empty{padding:26px;color:#789}.notice{background:#fff5d9;border:1px solid #eedba3;padding:10px;border-radius:8px;margin:12px 0}@media(max-width:750px){.side{width:165px}.top{padding:12px;height:auto}.content{padding:14px}.taskmeta{display:none}.code{width:120px;min-width:120px}}.side .brand{margin:0 0 26px;padding:0 7px 17px;border-bottom:1px solid #29404b;text-align:center;font-size:inherit}.side .brand-logo{display:block;width:205px;max-width:100%;height:auto;margin:0 auto 9px;object-fit:contain}.side .brand-caption{display:flex;justify-content:space-around;gap:12px;font-size:10px;letter-spacing:1.4px;font-weight:600;line-height:1.3;color:#b9cad4}.side .brand-caption span:last-child{color:#e4c94a;font-weight:800;letter-spacing:.9px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:24px 0}.dash-stat{text-align:left;display:flex;flex-direction:column;gap:13px;background:#fff;border:1px solid #dbe5ec;border-radius:12px;padding:20px;color:#183044}.dash-stat strong{font-size:32px}.dash-stat small{color:#698093}.dash-stat:hover{border-color:#0bb2b3}@media(max-width:750px){.side .brand-logo{width:135px}.side .brand-caption{font-size:8px}}.task-columns,.taskrow{display:grid;grid-template-columns:46px 170px minmax(180px,1fr) minmax(105px,160px) minmax(115px,160px) minmax(125px,160px);gap:10px;align-items:center}.task-columns{padding:12px 14px;background:#f2f7fa;color:#547086;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.35px;border-top:1px solid #e0e8ed;border-bottom:1px solid #e0e8ed}.taskrow .code{width:100%;min-width:0;font-weight:700}.taskrow .taskmeta{min-width:0}.task-check-placeholder{width:34px}.readonly-code{border:1px solid #d5e2e9;border-radius:6px;padding:10px;font-size:11px}.shipment-pill{display:inline-block;background:#f3f7fa;border-radius:7px;padding:6px 9px;font-weight:800;color:#20466b;white-space:nowrap}.due-date{font-weight:600;white-space:nowrap}.due-date.overdue{color:#d12b1e!important;font-weight:900}.taskrow .code:focus{outline:2px solid #80b5d0}@media(max-width:950px){.task-columns,.taskrow{grid-template-columns:40px 150px minmax(130px,1fr) 120px}.task-columns>span:nth-child(5),.task-columns>span:nth-child(6),.taskrow>.taskmeta:nth-last-child(-n+2){display:none}}.task-columns,.taskrow{grid-template-columns:46px 170px minmax(180px,1fr) minmax(130px,200px) minmax(125px,160px)}@media(max-width:950px){.task-columns,.taskrow{grid-template-columns:40px 150px minmax(130px,1fr) 125px}.task-columns>span:nth-child(5),.taskrow>.taskmeta:last-child{display:none}.taskrow>.taskmeta:nth-last-child(2){display:block}}.taskrow{min-height:38px;padding:5px 12px;gap:8px}.taskrow .btn{padding:4px 8px;min-height:28px}.taskrow .code{padding:6px 7px;min-height:29px}.taskrow .readonly-code{padding:6px 7px}.task-columns{padding:8px 12px}.grouphead{padding:8px 14px}.shipment-pill{padding:4px 7px}.user-stats{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:12px}.user-stat{padding:16px;display:flex;flex-direction:column;gap:5px;margin:0}.user-stat b{font-size:26px}.user-stat span{color:#698093}.user-table-wrap{overflow-x:auto}.user-table{width:100%;border-collapse:collapse;text-align:left}.user-table th,.user-table td{padding:10px 13px;border-top:1px solid #e3ebef}.user-table th{font-size:11px;text-transform:uppercase;color:#59758a}.user-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.user-groups label{display:flex;align-items:center;gap:8px}.user-groups input,.user-disable input{width:auto}.user-disable{display:flex;align-items:center;gap:9px;margin-top:22px}@media(max-width:750px){.user-stats,.user-groups{grid-template-columns:1fr}}.task-columns,.taskrow{grid-template-columns:40px 155px minmax(180px,2.5fr) minmax(160px,2.3fr) minmax(85px,.9fr) minmax(125px,1.15fr)}.tasktitle,.tasknote,.taskmeta,.shipment-pill{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskmeta{display:block}.shipment-pill{display:block;width:max-content;max-width:100%}.taskrow .inline-edit{cursor:text}.taskrow .inline-edit:hover{text-decoration:underline;text-decoration-style:dotted}.inline-input{width:100%;min-width:0;padding:5px 7px;font-size:12px;max-height:65px}.taskrow .tasknote{color:#4c6475}@media(max-width:950px){.task-columns,.taskrow{grid-template-columns:35px 120px minmax(145px,2fr) minmax(125px,1.5fr) minmax(85px,.8fr) minmax(110px,1fr)}.task-columns>span:nth-child(5),.taskrow>.taskmeta:last-child{display:block}}@media(max-width:750px){.card{overflow-x:auto}.task-columns,.taskrow{min-width:800px}}.task-columns,.taskrow{grid-template-columns:40px 155px minmax(180px,2.5fr) minmax(160px,2.3fr) minmax(85px,.9fr) minmax(125px,1.15fr) 62px}.tracking-cell{text-align:center;min-width:0}.tracking-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;text-decoration:none;font-size:19px}.tracking-link:hover,.tracking-link:focus-visible{background:#d6e8f3;outline:2px solid #7da9be}.sidebar-collapsed .side{display:none}.sidebar-toggle{font-size:20px;line-height:1;padding:7px 12px}.user-recovery{margin-top:24px;padding-top:16px;border-top:1px solid #dce7ec}.user-recovery .btn{margin:3px 2px 3px 0}@media(max-width:950px){.task-columns,.taskrow{grid-template-columns:35px 120px minmax(145px,2fr) minmax(125px,1.5fr) minmax(85px,.8fr) minmax(110px,1fr) 48px}}@media(max-width:750px){.task-columns,.taskrow{min-width:850px}}