:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,sans-serif;color:#1d303c;background:#f5f7f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:#0d2632;color:#d5e1e3;padding:31px 18px 21px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 10px 42px}.brand-mark{background:#c7ee71;color:#102e2a;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-weight:700;font-size:22px;box-shadow:0 7px 20px #040e1459}.sidebar-brand strong{display:block;font-size:18px;letter-spacing:.06em;color:#fff}.sidebar-brand span{display:block;color:#78939a;font-size:9px;letter-spacing:.21em;margin-top:4px}.sidebar-label{font-size:11px;color:#78939a;padding:0 13px 13px;letter-spacing:.12em}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;color:#a5bbc0;text-align:left;border-radius:11px;padding:12px 13px;font-size:13px;font-weight:600;width:100%}.nav button:hover,.nav button.active{background:#1c3c43;color:#e6f4ee}.nav button.active{box-shadow:inset 3px 0 #c7ee71}.nav button span{display:inline-block;width:25px;color:#bdd5c4;font-size:17px;vertical-align:-1px}.nav em{font-size:11px;font-style:normal;float:right;color:#74969a;background:#12303a;padding:2px 7px;border-radius:10px}.sidebar-spacer{flex:1}.sidebar-help{display:flex;gap:12px;background:#173640;border:1px solid #294c50;border-radius:13px;padding:15px;margin:0 4px 23px}.sidebar-help>span{color:#c7ee71;font-size:15px}.sidebar-help strong{display:block;color:#f1faf5;font-size:12px}.sidebar-help p{font-size:11px;color:#9bb4b5;line-height:1.6;margin:6px 0 0}.sidebar-user{border-top:1px solid #29424b;padding:20px 9px 0;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#31525a;display:grid;place-items:center;color:#e9f3e9;font-size:13px}.sidebar-user>div:nth-child(2){min-width:0;flex:1}.sidebar-user strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user a:not(.logout){font-size:11px;color:#8facb1}.logout{color:#92afb3}.main{flex:1;min-width:0}.topbar{height:69px;background:#fff;border-bottom:1px solid #e6ecea;display:flex;align-items:center;justify-content:space-between;padding:0 43px;color:#24404c;font-size:12px;font-weight:600}.topbar span{color:#8a9a9b}.topbar b{color:#bfcbcb;padding:0 12px}.topbar-right{display:flex;align-items:center;gap:9px;color:#778b8a;font-weight:500}.topbar-right i{height:16px;border-left:1px solid #d9e2df;margin:0 12px}.topbar-right button{background:transparent;border:0;color:#45645d;font-weight:600}.live-dot{width:7px;height:7px;border-radius:50%;background:#83bb85}.content{max-width:1500px;margin:auto;padding:31px 43px 24px}.hero{background:#153841;color:#eef9f5;min-height:265px;border-radius:18px;padding:37px 46px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 75% 30%,#2e6163 0,transparent 42%);opacity:.8}.hero>div{position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:#8caf86}.hero .eyebrow{color:#b6df9f}.hero .eyebrow span{padding:0 8px}.hero h1{font-size:29px;line-height:1.4;letter-spacing:.02em;margin:17px 0 9px;font-weight:700}.hero h1 span{color:#c9eb9a}.hero p{color:#a8c2c1;font-size:12px;margin:0 0 21px}.primary{border:0;background:#c9ef85;color:#17322f;font-weight:700;font-size:12px;border-radius:8px;padding:11px 18px;box-shadow:0 4px 12px #0a271c12}.primary:hover{background:#d8f6a7}.primary:disabled,.secondary:disabled{opacity:.55;cursor:wait}.hero-art{width:43%;min-width:290px;position:relative}.route-line{position:absolute;top:42px;right:26px;width:300px;height:145px;border:2px dashed #7daa9b88;border-bottom:0;border-radius:170px 170px 0 0;transform:rotate(-12deg)}.route-origin,.route-dest{position:absolute;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:12px;font-weight:700}.route-origin{top:149px;right:306px;background:#c9ef85;color:#194236}.route-dest{top:89px;right:28px;background:#fff;color:#194236}.hero-card{position:absolute;right:92px;top:90px;width:200px;background:#f6fbf7;color:#24413e;padding:17px;border-radius:12px;box-shadow:0 15px 32px #071c2777;transform:rotate(-4deg)}.hero-card small,.hero-card span{display:block;color:#76908b;font-size:10px}.hero-card strong{display:block;margin:9px 0;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 26px}.metric{background:#fff;border:1px solid #e7eeeb;border-radius:12px;padding:19px 22px 16px;min-height:142px}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:29px;height:29px;border-radius:8px;background:#edf4f0;color:#6a9278;display:grid;place-items:center;font-size:17px}.metric.amber .metric-icon{background:#fff3df;color:#d8a64a}.metric.blue .metric-icon{background:#e5f2fa;color:#4b9fc4}.metric.green .metric-icon{background:#eaf7e8;color:#5da47a}.metric-line{height:1px;width:42px;background:#e3ebe8}.metric p{font-size:12px;color:#748a8d;margin:15px 0 3px}.metric strong{font-size:26px;color:#203a43;line-height:1}.metric small{display:block;font-size:10px;color:#a1b0ae;margin-top:7px}.workspace{background:#fff;border:1px solid #e5ece9;border-radius:14px;min-height:380px;overflow:hidden}.section-head{padding:26px 30px 23px;display:flex;align-items:center;justify-content:space-between}.section-head h2{font-size:20px;margin:7px 0 4px;color:#183440}.section-head p{font-size:11px;color:#9aa9a8;margin:0}.secondary{background:#fff;border:1px solid #dce8e2;color:#416356;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:700}.secondary:hover{background:#f5faf6}.tabs{display:flex;gap:25px;padding:0 30px;border-bottom:1px solid #e8efed}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 1px 14px;color:#86999a;font-size:12px;font-weight:600}.tabs button.selected{color:#235a4c;border-color:#8bc595}.tabs b{font-size:10px;padding:2px 7px;border-radius:10px;background:#e8f3eb;margin-left:6px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;background:#fafcfb;color:#899d9f;font-size:10px;letter-spacing:.04em;font-weight:600;padding:16px 30px;white-space:nowrap}td{padding:17px 30px;border-top:1px solid #f0f3f1;white-space:nowrap;color:#546c72}tbody tr{cursor:pointer}tbody tr:hover{background:#f9fcfa}td strong{color:#29424a;display:block;font-size:12px}td small{display:block;color:#98aaa9;margin-top:6px}.route-arrow{color:#a9bcaf;margin:0 5px}.row-arrow{font-size:18px;color:#b0c5b8}.status{display:inline-flex;align-items:center;gap:6px;border-radius:15px;padding:6px 9px;font-size:10px;font-weight:700;white-space:nowrap}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pending{color:#b9842c;background:#fff4df}.status-assigned{color:#4b8494;background:#e8f4f6}.status-in_transit{color:#3981ae;background:#e6f3fc}.status-completed{color:#4d9970;background:#e7f7eb}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:51px 15px 55px}.empty-icon{width:57px;height:57px;border-radius:15px;background:#eef5ef;color:#75a782;display:grid;place-items:center;font-size:28px}.empty h3{margin:18px 0 6px;color:#31474c;font-size:14px}.empty p{margin:0 0 15px;font-size:11px;color:#a0afac}.text-button{background:none;border:0;color:#4c9566;font-size:12px;font-weight:700}.alert{background:#fff2ee;color:#a94938;padding:12px 16px;margin:16px 0;border-radius:9px;font-size:12px;display:flex;justify-content:space-between}.alert button{border:0;background:none;color:inherit;font-size:18px}footer{display:flex;justify-content:space-between;color:#acb9b6;font-size:10px;padding:25px 2px}.auth-screen{min-height:100vh;background:#10323b;color:#f3faf5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}.auth-screen .brand-mark{width:61px;height:61px;font-size:30px;border-radius:17px;margin-bottom:27px}.auth-screen h1{font-size:32px;margin:0 0 13px}.auth-screen p{color:#aac5c0;max-width:340px;line-height:1.8;font-size:13px;margin:0 0 24px}.auth-screen button{background:#c9ef85;border:0;border-radius:8px;color:#15352c;padding:12px 23px;font-weight:700}.auth-screen button span{margin-left:8px}.auth-screen small{font-size:10px;color:#749693;margin-top:22px}.drawer-backdrop,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d263275;z-index:20;display:flex;justify-content:flex-end}.drawer{width:min(520px,100vw);background:#fff;min-height:100vh;overflow:auto;padding:31px 32px;box-shadow:-15px 0 40px #122c351c}.drawer-top,.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.drawer h2,.modal h2{font-size:23px;margin:8px 0 0}.icon-button{border:0;background:#eef3f1;color:#587169;border-radius:8px;width:30px;height:30px;font-size:20px;line-height:1}.drawer-route{display:flex;align-items:center;justify-content:space-between;background:#f1f7f3;border-radius:11px;padding:22px 18px;margin:23px 0}.drawer-route strong{font-size:15px}.drawer-route span{color:#6da17b;font-size:23px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;padding-bottom:24px;border-bottom:1px solid #e8eeeb}.info small{display:block;color:#94a5a2;font-size:10px;margin-bottom:5px}.info strong{font-size:12px;overflow-wrap:anywhere}.action-box{background:#f8faf8;border:1px solid #e7efe8;border-radius:11px;padding:18px;margin:23px 0}.action-box h3,.timeline h3{font-size:14px;margin:0 0 13px}.action-box form{display:flex;gap:9px}.action-box select{flex:1;min-width:0;border:1px solid #dae5df;border-radius:7px;padding:9px;color:#38534a}.wide{width:100%;margin-top:20px}.timeline{margin-top:29px}.timeline-item{display:flex;gap:12px;position:relative;padding:2px 0 20px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:6px;top:17px;bottom:0;border-left:1px solid #dbe7df}.timeline-dot{width:13px;height:13px;background:#b5db9e;border:3px solid #eaf7df;border-radius:50%;flex:none;z-index:1}.timeline-item strong{font-size:12px;display:block}.timeline-item small{color:#a3b1ae;font-size:10px;display:block;margin-top:5px}.modal-backdrop{justify-content:center;align-items:center;padding:20px}.modal{background:#fff;border-radius:15px;width:min(650px,100%);max-height:95vh;overflow:auto;padding:28px 31px;box-shadow:0 25px 80px #10232e39}.modal-head p{color:#9aaba6;font-size:11px;margin:9px 0 0}.form{display:grid;gap:17px}.form label{display:grid;gap:7px;color:#526964;font-size:11px;font-weight:600}.form input,.form textarea{width:100%;border:1px solid #dce7e0;background:#fbfdfb;color:#263c39;border-radius:7px;padding:10px 11px;outline:none;font-size:12px}.form input:focus,.form textarea:focus{border-color:#86be91;box-shadow:0 0 0 3px #c7edca61}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:6px}@media(max-width:1000px){.sidebar{width:70px;padding:25px 10px}.sidebar-brand{padding:0 3px 35px}.sidebar-brand>div:nth-child(2),.sidebar-label,.nav button:not(.active),.nav button.active{font-size:0}.nav button span{font-size:18px;width:auto}.sidebar-help,.sidebar-user>div:nth-child(2),.logout{display:none}.sidebar-user{justify-content:center;padding:18px 0}.content{padding:24px}.topbar{padding:0 24px}.hero-art{min-width:230px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:660px){.shell{display:block}.sidebar{height:auto;width:100%;position:static;flex-direction:row;align-items:center;padding:10px 17px}.sidebar-brand{padding:0}.sidebar-brand>div:nth-child(2){display:block}.sidebar-brand strong{font-size:14px}.sidebar-brand span{font-size:8px}.sidebar-label,.nav,.sidebar-spacer,.sidebar-help,.sidebar-user{display:none}.topbar{height:50px;padding:0 17px}.topbar-right{font-size:0}.topbar-right button{font-size:12px}.content{padding:15px}.hero{padding:27px;min-height:260px}.hero h1{font-size:24px}.hero-art{display:none}.metrics{gap:8px;margin:12px 0}.metric{min-height:118px;padding:13px}.metric strong{font-size:23px}.section-head{padding:20px;gap:12px}.section-head h2{font-size:17px}.tabs{gap:15px;padding:0 20px;overflow-x:auto;white-space:nowrap}.tabs button{font-size:11px}th,td{padding:13px 16px}.form-row{grid-template-columns:1fr}.modal,.drawer{padding:20px}footer span{display:none}}