*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f8fc;color:#1d2939}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{width:238px;background:#192434;color:#eaf0f8;flex-shrink:0;padding:26px 14px;display:flex;flex-direction:column}.brand{font-size:21px;font-weight:800;padding:0 8px 35px;letter-spacing:-.8px}.brand span{color:#4693f7}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#a4b4ca;margin-top:6px}.sidebar nav{display:grid;grid-gap:9px;gap:9px}.nav{border:0;background:transparent;color:#c9d3e2;display:flex;align-items:center;gap:13px;text-align:left;padding:14px;border-radius:9px;font-size:14px}.nav.active,.nav:hover{background:#303e52;color:white}.nav-count{margin-left:auto;background:#df4a50;border-radius:20px;padding:2px 8px;color:white}.sidebar-bottom{margin-top:auto;border-top:1px solid #405066;padding:20px 10px;font-size:14px;font-weight:700}.sidebar-bottom small{display:block;margin-top:8px;color:#a4b4ca;font-size:11px;font-weight:400}.main{flex:1 1;min-width:0;padding:42px 32px}.header-actions,.panel-actions,.panel-head,header{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:30px;margin:0 0 8px;letter-spacing:-1px}.panel-head p,header p{margin:0;color:#64748b;font-size:14px}button.outline,button.primary{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 15px;font-size:13px;font-weight:700;white-space:nowrap}.primary{border:1px solid #2463d8;background:#2463d8;color:white}.primary:hover{background:#194fae}.outline{background:white;border:1px solid #d7e0ed;color:#344054}.outline:hover{background:#f4f7fc}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:13px;gap:13px;margin:31px 0}.stat{background:white;border:1px solid #e3eaf3;border-radius:11px;padding:20px;display:grid;grid-gap:9px;gap:9px;box-shadow:0 3px 14px #142b4a05}.stat svg{color:#2765d6}.stat small{font-size:13px;color:#61718b}.stat strong{font-size:31px}.orange{color:#cf6a08!important}.red{color:#d12f3c!important}.panel{background:white;border:1px solid #e3eaf3;border-radius:12px;padding:21px;box-shadow:0 3px 18px #142b4a05}.panel h2{font-size:21px;margin:0 0 8px}.filters{display:flex;align-items:center;gap:8px;margin:25px 0 15px;flex-wrap:wrap}.filters>button{border:1px solid #dce4ef;border-radius:7px;background:#f8fafd;padding:10px 12px;color:#344054;font-size:12px;white-space:nowrap}.filters>button.chosen{background:#2463d8;color:white;border-color:#2463d8}.search{margin-left:auto;border:1px solid #dce4ef;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#64748b}.search input{border:0;outline:0;padding:10px 0;width:220px;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{background:#f6f8fc;color:#526176;font-weight:700}td,th{padding:15px 10px}td{border-bottom:1px solid #e9edf3}td.order{color:#1554be;font-weight:700}.tracking{font-family:monospace;color:#4b5a6c}.pill{border-radius:8px;padding:7px 9px;font-weight:700;font-size:11px}.pill.transit{background:#e7f0ff;color:#245bb8}.pill.normal{background:#e4f6f1;color:#087f5b}.pill.urgent{background:#fff0db;color:#b95a05}.pill.late{background:#ffebed;color:#c12837}.pill.done{background:#e5f7e9;color:#27813d}.small{border:0;background:#2463d8;color:white;border-radius:6px;padding:9px 11px;font-size:11px}.footnote,.muted{color:#8794a6}.empty{text-align:center;padding:38px;color:#69798c}.footnote{font-size:12px;margin:20px 0 0}.toast{position:fixed;right:22px;bottom:22px;background:#1c2d46;color:white;padding:14px 18px;border-radius:9px;box-shadow:0 10px 30px #0003;display:flex;gap:20px;align-items:center;z-index:4}.dialog-head button,.toast button{border:0;background:transparent;color:inherit}.overlay{position:fixed;inset:0;background:#14233b9c;display:grid;place-items:center;padding:20px;z-index:3}.dialog{background:white;width:min(100%,470px);padding:25px;border-radius:14px;display:grid;grid-gap:16px;gap:16px;box-shadow:0 20px 80px #0003}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog h2{margin:0;font-size:21px}.dialog label{display:grid;grid-gap:7px;gap:7px;font-size:13px;font-weight:700}.dialog input,.dialog textarea{width:100%;border:1px solid #cdd7e4;border-radius:7px;padding:11px;font-weight:400}.dialog textarea{min-height:80px;resize:vertical}.dialog p{margin:0;font-size:14px}.dialog .hint{color:#63738a;font-size:12px}.full{width:100%}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}header{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.sidebar{width:64px;padding:18px 5px}.brand{font-size:0;padding:0 0 22px}.brand:before{content:"TD";font-size:20px}.brand small,.brand span,.sidebar-bottom{display:none}.nav{font-size:0;justify-content:center;padding:14px 0}.nav-count{font-size:10px;padding:1px 4px;margin-left:-12px}.main{padding:24px 13px}.stats{grid-template-columns:repeat(2,1fr)}.header-actions,.panel-head{flex-wrap:wrap}.panel{padding:13px}.search{margin-left:0}.search,.search input{width:100%}}