@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#17243a;font-synthesis:none;text-rendering:optimizelegibility;--navy:#172b4d;--navy-deep:#10213e;--blue:#246fe5;--blue-dark:#1558bd;--blue-soft:#edf4ff;--green:#16845b;--green-soft:#eaf7f1;--orange:#d88716;--orange-soft:#fff5e5;--red:#c53a43;--red-soft:#fff0f1;--purple:#7056c8;--purple-soft:#f1edfc;--text:#17243a;--muted:#6e7b8e;--soft:#98a2b2;--border:#e2e7ee;--surface:#fff;background:#f3f5f8;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f3f5f8;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,h4,h5,p{margin:0}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;color:#cbd5e6;background:var(--navy-deep);border-right:1px solid #23395b;flex-direction:column;width:226px;padding:0 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:11px;height:74px;padding:0 8px;display:flex}.brand-mark{color:#fff;background:var(--blue);border-radius:8px;flex:none;place-items:center;width:40px;height:40px;display:grid}.brand>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.brand strong{color:#fff;letter-spacing:.5px;font-size:16px}.brand span{color:#8fa0bb;margin-top:2px;font-size:10px}.sidebar-section-label{color:#71839e;letter-spacing:1.2px;padding:24px 12px 9px;font-size:11px}.main-nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#9facc1;border:1px solid #0000;border-radius:6px;align-items:center;gap:11px;height:44px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .16s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item-active{color:#fff;background:#203a63;border-color:#294774}.nav-item-active:before{content:"";background:#4d91f5;border-radius:0 2px 2px 0;width:3px;height:24px;position:absolute;left:0}.nav-arrow{opacity:.45;margin-left:auto}.sidebar-status{background:#ffffff0b;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:10px;margin:auto 3px 12px;padding:12px;display:flex}.status-dot{background:#35c88a;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #35c88a24}.sidebar-status>div{flex-direction:column;display:flex}.sidebar-status strong{color:#dbe4f1;font-size:11px}.sidebar-status small{color:#71839e;margin-top:2px;font-size:9px}.logout-button{color:#8fa0ba;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;height:38px;padding:0 12px;font-size:12px;display:flex}.logout-button:hover{color:#fff;background:#ffffff0d}.main-area{width:calc(100% - 226px);min-width:0;margin-left:226px}.topbar{z-index:20;border-bottom:1px solid var(--border);background:#fffffff5;justify-content:space-between;align-items:center;height:74px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{align-items:center;gap:12px;display:flex}.topbar-title span{color:var(--soft);margin-bottom:2px;font-size:10px;display:block}.topbar-title h1{color:var(--text);font-size:18px;font-weight:600}.topbar-actions{align-items:center;gap:11px;display:flex}.online-time{border-right:1px solid var(--border);align-items:baseline;gap:7px;margin-right:13px;padding-right:22px;display:flex}.online-time span{color:var(--soft);font-size:10px}.online-time strong{color:#4c5a6f;font-family:Consolas,monospace;font-size:12px}.user-avatar,.rider-avatar{color:#fff;background:var(--blue);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.user-meta{flex-direction:column;display:flex}.user-meta strong{color:#344055;font-size:11px}.user-meta span{color:var(--soft);margin-top:1px;font-size:9px}.page-content{max-width:1530px;min-height:calc(100vh - 74px);margin:0 auto;padding:24px 28px 40px}.icon-button{color:#667389;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid}.icon-button:hover{border-color:var(--border);background:#f3f5f8}.menu-button,.sidebar-close,.sidebar-mask{display:none}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 15px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.button-primary{color:#fff;background:var(--blue);border-color:var(--blue)}.button-primary:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark)}.button-secondary{color:#3a4860;background:#fff;border-color:#d9dfe8}.button-secondary:hover:not(:disabled){color:var(--blue);background:#f8fbff;border-color:#9dbce9}.button-danger{color:#fff;background:var(--red);border-color:var(--red)}.button-large{min-height:42px;padding-inline:18px}.button-full{width:100%}.button-row{align-items:center;gap:9px;display:flex}.text-button,.table-link{color:var(--blue);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.page-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.page-intro p,.eyebrow{color:var(--blue);letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.page-intro h2,.dispatch-header h2{color:#19263a;letter-spacing:-.4px;font-size:23px;font-weight:650}.intro-meta,.compliance-label,.response-sla{color:#536177;border:1px solid var(--border);background:#fff;border-radius:5px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;display:flex}.response-sla span{color:var(--muted)}.response-sla strong{color:var(--green)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:7px}.panel-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;min-height:65px;padding:14px 18px;display:flex}.panel-header h3{color:#263349;font-size:14px;font-weight:650}.panel-header p{color:var(--soft);margin-top:3px;font-size:10px}.panel-tag{color:#4a6d9d;background:#edf4fd;border-radius:4px;padding:4px 8px;font-size:9px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--border);background:#fff;border-radius:7px;grid-template-columns:44px 1fr;align-items:center;column-gap:12px;min-height:112px;padding:16px;display:grid}.metric-icon{border-radius:6px;grid-row:span 2;place-items:center;width:42px;height:42px;display:grid}.metric-blue{color:var(--blue);background:var(--blue-soft)}.metric-green{color:var(--green);background:var(--green-soft)}.metric-purple{color:var(--purple);background:var(--purple-soft)}.metric-orange{color:var(--orange);background:var(--orange-soft)}.metric-main{flex-direction:column;display:flex}.metric-main>span{color:var(--muted);font-size:10px}.metric-main strong{color:#17243a;margin-top:2px;font-size:24px;font-weight:650}.metric-main small{color:#78869a;margin-left:3px;font-size:10px;font-weight:500}.metric-hint{color:#8591a2;align-self:end;font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,.7fr);gap:14px;margin-bottom:14px;display:grid}.chart-panel,.actions-panel{min-height:350px}.chart-wrap{height:265px;padding:20px 18px 8px 8px}.actions-panel{flex-direction:column;display:flex}.quick-action{color:#344159;text-align:left;background:#fff;border:1px solid #dfe4ec;border-radius:6px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:64px;margin:13px 16px 0;padding:10px 12px;display:grid}.quick-action:hover{background:#f8fbff;border-color:#aac5ed}.quick-icon{width:36px;height:36px;color:var(--blue);background:var(--blue-soft);border-radius:5px;place-items:center;display:grid}.quick-action>span:nth-child(2){flex-direction:column;display:flex}.quick-action strong{font-size:11px}.quick-action small{color:var(--soft);margin-top:2px;font-size:9px}.quick-action-primary{color:#fff;background:var(--navy);border-color:var(--navy)}.quick-action-primary:hover{color:#fff;background:#20385d;border-color:#20385d}.quick-action-primary .quick-icon{color:#fff;background:#ffffff1f}.dispatch-health{border-top:1px solid #edf0f4;margin:auto 16px 14px;padding-top:14px}.dispatch-health>div:first-child{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:9px;display:flex}.dispatch-health strong{color:var(--green)}.progress-track,.mini-track,.score-track{background:#edf0f4;border-radius:4px;height:5px;overflow:hidden}.progress-track span,.mini-track i,.score-track i{background:var(--blue);border-radius:inherit;height:100%;display:block}.dispatch-health small{color:var(--soft);margin-top:7px;font-size:8px;display:block}.dashboard-lower{grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);gap:14px;display:grid}.table-scroll{width:100%;overflow-x:auto}table{border-spacing:0;border-collapse:collapse;color:#4b596d;text-align:left;width:100%;font-size:10px}th{color:#8691a1;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #edf0f4;padding:10px 14px;font-size:9px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #edf0f4;padding:11px 14px}tbody tr:last-child td{border-bottom:0}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f8fafc}.strong-cell,.table-primary{color:#2a374b;font-weight:600}.address-cell{max-width:280px}.table-secondary{color:#8994a4;text-overflow:ellipsis;white-space:nowrap;max-width:340px;margin-top:3px;font-size:9px;overflow:hidden}.alert-list{padding:4px 16px}.alert-item{border-bottom:1px solid #edf0f4;gap:10px;padding:13px 2px;display:flex}.alert-item:last-child{border-bottom:0}.alert-item>div{flex-direction:column;display:flex}.alert-item strong{color:#3a475b;font-size:9px;font-weight:500;line-height:1.55}.alert-item span{color:var(--soft);margin-top:3px;font-size:8px}.alert-warning>svg{color:var(--orange)}.alert-info>svg{color:var(--blue)}.alert-success>svg{color:var(--green)}.status-badge{white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;min-width:46px;padding:3px 7px;font-size:9px;font-weight:600;display:inline-flex}.status-pending{color:#b16b08;background:var(--orange-soft)}.status-delivering{color:#2464bd;background:var(--blue-soft)}.status-completed,.status-idle{color:var(--green);background:var(--green-soft)}.status-cancelled,.status-resting{color:#7e8998;background:#eef1f4}.list-panel{min-height:490px}.list-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:63px;padding:11px 16px;display:flex}.filter-tabs{align-items:center;gap:3px;display:flex;overflow-x:auto}.filter-tab{color:#758196;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:7px 11px;font-size:10px}.filter-tab:hover,.filter-tab-active{color:var(--blue);background:var(--blue-soft);font-weight:600}.search-box{color:#929eae;background:#f8f9fb;border:1px solid #e0e5ec;border-radius:5px;align-items:center;gap:8px;width:275px;height:36px;padding:0 11px;display:flex}.search-box:focus-within{background:#fff;border-color:#87ade4}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.table-footer{color:var(--soft);background:#fafbfc;border-top:1px solid #edf0f4;padding:11px 15px;font-size:9px}.priority{color:#7e8998;font-size:9px}.priority-urgent{color:var(--red);background:var(--red-soft);border-radius:3px;padding:2px 6px;font-weight:600}.loading-block,.empty-state{color:#8c97a7;justify-content:center;align-items:center;min-height:330px;display:flex}.loading-block{flex-direction:row;gap:10px;font-size:11px}.empty-state{flex-direction:column;gap:8px}.empty-state svg{color:#a8b6ca}.empty-state strong{color:#526076;font-size:13px}.empty-state span{font-size:10px}.spinner{border:2px solid #dce4ef;border-top-color:var(--blue);border-radius:50%;width:18px;height:18px;animation:.75s linear infinite rotate}.spin{animation:.9s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.modal-layer{z-index:100;background:#0f1b2f80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #d7dde6;border-radius:8px;width:min(500px,100%);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 20px 60px #0e1c3133}.modal-wide{width:min(980px,100%)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.modal-header h2{font-size:15px;font-weight:650}.modal-body{max-height:calc(100vh - 106px);padding:20px;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.modal-actions-split{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px}.detail-layout{grid-template-columns:minmax(0,1fr) 230px;gap:22px;display:grid}.detail-side{border:1px solid var(--border);background:#f7f9fb;border-radius:6px;padding:15px}.detail-title-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.detail-title-row span,.info-item span,.assigned-rider span,.assign-section label{color:var(--soft);font-size:9px}.detail-title-row h3{margin-top:3px;font-family:Consolas,monospace;font-size:17px}.info-grid{background:var(--border);border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr 1fr;gap:1px;margin:16px 0;display:grid;overflow:hidden}.info-item{background:#fff;align-items:center;gap:10px;min-height:65px;padding:11px;display:flex}.info-item-wide{grid-column:1/-1}.info-icon{width:30px;height:30px;color:var(--blue);background:var(--blue-soft);border-radius:5px;flex:none;place-items:center;display:grid}.info-item>div{flex-direction:column;display:flex}.info-item strong{color:#354156;margin-top:3px;font-size:10px;line-height:1.5}.explanation-box{background:#fff9ef;border:1px solid #f1dfc3;border-left:3px solid #e29428;border-radius:4px;padding:13px 15px}.explanation-title{color:#a6610b;align-items:center;gap:7px;font-size:10px;font-weight:650;display:flex}.explanation-box p{color:#64594a;margin-top:7px;font-size:10px;line-height:1.75}.assigned-rider{border:1px solid var(--border);background:#f7fafc;border-radius:6px;align-items:center;gap:11px;margin-top:14px;padding:12px;display:flex}.assigned-rider>div:nth-child(2){flex-direction:column;flex:1;display:flex}.assigned-rider strong{margin:2px 0;font-size:10px}.assigned-rider small{color:var(--muted);font-size:9px}.assign-section{margin-top:15px}.assign-row{gap:9px;margin-top:6px;display:flex}.assign-row select{color:#3a475a;background:#fff;border:1px solid #d9dfe8;border-radius:5px;outline:0;flex:1;min-width:0;padding:0 10px;font-size:10px}.detail-side h4{color:#3b485c;margin-bottom:18px;font-size:11px}.timeline{margin:0 3px 20px 5px}.timeline-item{color:#9aa4b2;flex-direction:column;min-height:67px;padding-left:20px;display:flex;position:relative}.timeline-item:before{content:"";background:#dfe4eb;width:1px;position:absolute;top:9px;bottom:-9px;left:4px}.timeline-item:last-child:before{display:none}.timeline-item>span{background:#d9dee5;border:2px solid #f7f9fb;border-radius:50%;width:9px;height:9px;position:absolute;top:2px;left:0}.timeline-item strong{font-size:9px}.timeline-item small{margin-top:3px;font-size:8px;line-height:1.5}.timeline-done{color:#40516a}.timeline-done>span{background:var(--green)}.confirm-content{text-align:center}.confirm-icon{width:48px;height:48px;color:var(--orange);background:var(--orange-soft);border-radius:50%;place-items:center;margin:2px auto 14px;display:grid}.confirm-content>p{color:#586579;font-size:11px;line-height:1.75}.toast-stack{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;top:90px;right:24px}.toast{color:#344157;border:1px solid #dfe4eb;border-left:3px solid var(--blue);background:#fff;border-radius:5px;align-items:center;gap:9px;min-width:280px;max-width:420px;padding:11px 13px;font-size:10px;display:flex;box-shadow:0 8px 24px #1526411f}.toast-success{border-left-color:var(--green)}.toast-success svg{color:var(--green)}.toast-warning{border-left-color:var(--orange)}.toast-warning svg{color:var(--orange)}.rider-summary{color:var(--muted);gap:12px;font-size:10px;display:flex}.rider-summary span{align-items:center;gap:5px;display:flex}.summary-dot{border-radius:50%;width:7px;height:7px}.dot-green{background:var(--green)}.dot-gray{background:#a8b0bd}.rider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px;display:grid}.rider-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;padding:14px;transition:all .15s;position:relative}.rider-card:hover{border-color:#abc5eb;box-shadow:0 5px 16px #1a345512}.rider-warning{border-top:3px solid var(--orange)}.rider-offline{background:#fafbfc}.rider-card-head{align-items:center;gap:10px;display:flex}.rider-card-head>div:nth-child(2){flex:1;min-width:0}.rider-card-head h3{color:#2f3b50;font-size:13px}.rider-card-head>div:nth-child(2) span{color:var(--soft);font-size:9px}.rider-location{color:#69768a;background:#f7f9fb;border-radius:4px;align-items:center;gap:5px;margin:14px 0;padding:8px;font-size:9px;display:flex}.rider-location>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.online-label,.offline-label{color:var(--green);font-size:8px;font-style:normal}.offline-label{color:#9aa3b0}.rider-stats{grid-template-columns:1fr 1fr;gap:18px;display:grid}.rider-stats>div{flex-direction:column;display:flex}.rider-stats span{color:var(--soft);font-size:8px}.rider-stats strong{color:#344056;margin:3px 0 6px;font-size:14px}.rider-stats small{color:var(--muted);font-size:8px;font-weight:500}.battery-low strong{color:var(--red)}.battery-low .mini-track i{background:var(--red)}.card-detail-button{width:100%;color:var(--blue);background:0 0;border:0;border-top:1px solid #edf0f4;margin-top:14px;padding-top:11px;font-size:9px}.rider-profile-banner{background:var(--navy);border-radius:6px;align-items:center;gap:13px;padding:16px;display:flex}.rider-avatar-large{width:54px;height:54px;color:var(--navy);background:#fff;font-size:18px}.rider-profile-banner>div:nth-child(2){flex:1}.rider-profile-banner h3{color:#fff;font-size:17px}.rider-profile-banner p{color:#9fb0c8;margin:2px 0 7px;font-size:9px}.profile-badges{gap:6px;display:flex}.online-pill,.offline-pill{color:#89e1bd;background:#35c88a1f;border-radius:4px;padding:3px 7px;font-size:8px}.offline-pill{color:#c5cfdd;background:#ffffff14}.credit-score{color:#f2c15c;border-left:1px solid #ffffff1f;grid-template-columns:auto auto;align-items:center;gap:4px;padding:9px 13px;display:grid}.credit-score span{color:#9fb0c8;font-size:8px}.credit-score strong{color:#fff;text-align:center;grid-column:1/-1;font-size:20px}.profile-info-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;display:grid}.profile-item{border:1px solid var(--border);background:#f7f9fb;border-radius:5px;align-items:center;gap:9px;padding:10px;display:flex}.profile-item>span{color:var(--blue)}.profile-item svg{width:16px;height:16px}.profile-item div{flex-direction:column;min-width:0;display:flex}.profile-item small{color:var(--soft);font-size:8px}.profile-item strong{color:#3f4b5e;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.realtime-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.realtime-grid article{border:1px solid var(--border);border-radius:5px;grid-template-columns:22px 1fr;gap:3px 7px;padding:11px;display:grid}.realtime-grid svg{color:var(--blue);grid-row:1/3}.realtime-grid span,.realtime-grid small{color:var(--soft);font-size:8px}.realtime-grid strong{color:#344056;font-size:11px}.realtime-grid .progress-track,.realtime-grid small{grid-column:1/-1;margin-top:5px}.realtime-warning{background:var(--orange-soft);border-color:#eed5ac!important}.realtime-warning svg,.realtime-warning strong{color:var(--orange)}.rider-detail-lower{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.subpanel{border:1px solid var(--border);border-radius:5px;padding:13px}.subpanel h4{color:#39465a;font-size:10px}.small-chart{height:170px;margin-top:9px}.task-list{max-height:180px;margin-top:8px;overflow-y:auto}.task-item{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;display:flex}.task-item>div{flex-direction:column;min-width:0;display:flex}.task-item strong{font-size:9px}.task-item span{max-width:210px;color:var(--soft);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.empty-inline{color:var(--soft);text-align:center;padding:30px 0;font-size:9px}.success-banner{color:#176e4e;background:#e8f7f0;border:1px solid #bbe4d2;border-radius:5px;align-items:center;gap:9px;margin-bottom:14px;padding:11px 14px;font-size:10px;display:flex}.success-banner span{color:#5e8d7b}.dispatch-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.dispatch-header p{max-width:680px;color:var(--muted);margin-top:7px;font-size:10px;line-height:1.6}.dispatch-workspace{border:1px solid var(--border);background:#fff;border-radius:7px;grid-template-columns:minmax(510px,1.45fr) minmax(390px,.8fr);height:calc(100vh - 196px);min-height:650px;display:grid;overflow:hidden}.map-panel{border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.map-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;min-height:51px;padding:0 15px;display:flex}.map-toolbar>div{align-items:center;gap:7px;display:flex}.map-toolbar strong{color:#3a475a;font-size:10px}.map-toolbar svg{color:var(--blue)}.map-legend span{color:var(--soft);align-items:center;gap:4px;font-size:8px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px}.rider-dot{background:var(--blue)}.order-dot{border:2px solid var(--red);background:#fff}.legend-line{background:var(--green);width:14px;height:3px}.dispatch-map{background:#eef3ef;flex:1;min-height:0;position:relative;overflow:hidden}.dispatch-map svg{width:100%;height:100%;display:block}.map-blocks path{fill:none;stroke:#dae2da;stroke-width:19px}.map-roads path{fill:none;stroke:#fff;stroke-width:11px}.waterway path{fill:#dbeef5}.map-labels text{fill:#a1ada2;font-size:9px}.route-line{filter:drop-shadow(0 2px 2px #21374b29)}.order-markers circle{fill:#fff;stroke:var(--red);stroke-width:3px}.order-markers text{fill:var(--red);font-size:10px;font-weight:700}.rider-markers circle:first-child{stroke:#fff;stroke-width:3px}.map-processing,.map-placeholder{color:var(--blue);background:#fffffff0;border:1px solid #dbe3ec;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:18px 24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 7px 24px #1d2f471f}.map-processing strong,.map-placeholder strong{color:#39475c;font-size:11px}.map-processing span,.map-placeholder span{color:var(--soft);font-size:8px}.map-stats{border-top:1px solid var(--border);background:#fff;grid-template-columns:repeat(4,1fr);min-height:68px;display:grid}.map-stats>div{border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;display:flex}.map-stats>div:last-child{border:0}.map-stats span{color:var(--soft);font-size:8px}.map-stats strong{color:#344157;margin-top:3px;font-size:13px}.dispatch-panel{flex-direction:column;min-width:0;display:flex}.dispatch-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);min-height:51px;display:grid}.dispatch-tabs button{color:#7e8999;background:#fff;border:0;font-size:10px;font-weight:500;position:relative}.dispatch-tabs button.active{color:var(--blue);font-weight:650}.dispatch-tabs button.active:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:-1px;left:20px;right:20px}.dispatch-panel-body{flex:1;min-height:0;overflow-y:auto}.dispatch-panel-footer{border-top:1px solid var(--border);background:#fafbfc;justify-content:space-between;align-items:center;gap:10px;min-height:68px;padding:10px 14px;display:flex}.dispatch-panel-footer>div{flex-direction:column;min-width:0;display:flex}.dispatch-panel-footer span{color:var(--soft);font-size:8px}.dispatch-panel-footer strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.generate-empty{color:#9ba8b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:40px;display:flex}.generate-empty>svg{color:#8db0df;margin-bottom:12px}.generate-empty h3{color:#4a586d;font-size:13px}.generate-empty p{max-width:300px;margin-top:6px;font-size:9px;line-height:1.7}.generate-empty ul{color:#647388;border:1px solid var(--border);text-align:left;background:#f7f9fb;border-radius:5px;flex-direction:column;gap:7px;margin:16px 0 0;padding:13px 18px;font-size:9px;list-style:none;display:flex}.generate-empty li{align-items:center;gap:7px;display:flex}.generate-empty li svg{color:var(--green)}.plan-list,.decision-content,.compare-content{padding:13px}.panel-context{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.panel-context strong{color:#3a475a;font-size:10px}.panel-context span{color:var(--soft);font-size:8px}.plan-card{color:#4c596c;text-align:left;background:#fff;border:1px solid #dfe4eb;border-radius:6px;width:100%;margin-bottom:9px;padding:11px;display:block}.plan-card:hover{border-color:#aac5ec}.plan-card-active{border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue);background:#f6faff}.plan-card-head,.plan-card-head>div:first-child{justify-content:space-between;align-items:center;gap:7px;display:flex}.plan-card-head strong{color:#334056;font-size:10px}.recommend-label{color:#fff;background:var(--blue);border-radius:3px;padding:2px 5px;font-size:7px}.plan-score{color:var(--blue)}.plan-score b{font-size:16px}.plan-score span{font-size:8px}.plan-metrics{grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0;display:grid}.plan-metrics span{color:#8490a0;font-size:8px}.plan-metrics b{color:#4a576a}.constraint-summary{gap:5px;display:flex}.constraint-summary span{color:var(--green);background:var(--green-soft);border-radius:3px;align-items:center;gap:2px;padding:2px 5px;font-size:7px;display:flex}.assignment-list{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.assignment-list h4,.section-mini-title{color:#445166;margin-bottom:8px;font-size:9px}.assignment-item{border-bottom:1px solid #eef1f4;align-items:center;gap:8px;padding:7px 3px;display:flex}.assignment-item>i{border-radius:2px;width:7px;height:28px}.assignment-item>div{flex-direction:column;display:flex}.assignment-item strong{color:#3f4c60;font-size:9px}.assignment-item strong small{color:var(--soft);font-weight:400}.assignment-item span{color:var(--soft);margin-top:2px;font-size:8px}.decision-summary{background:var(--navy);border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;display:flex}.decision-summary>div:first-child{flex-direction:column;display:flex}.decision-summary span{color:#91a2bb;font-size:8px}.decision-summary strong{color:#fff;margin-top:3px;font-size:11px}.score-ring{color:#fff;background:#284c7d;border:2px solid #5d8bc8;border-radius:50%;place-items:center;width:45px;height:45px;font-size:15px;font-weight:700;display:grid}.score-ring small{margin-top:-15px;font-size:7px}.model-label{color:#a7600e;align-items:center;gap:6px;font-size:9px;font-weight:650;display:flex}.model-label span{color:var(--soft);margin-left:auto;font-size:7px;font-weight:400}.model-explanation{color:#605647;background:#fff9ef;border:1px solid #eedebe;border-left:3px solid #e29428;border-radius:4px;min-height:106px;margin:7px 0 14px;padding:11px;font-size:9px;line-height:1.75}.explanation-loading{color:#8b7557;align-items:center;gap:7px;display:flex}.score-dimensions{flex-direction:column;gap:7px;margin-bottom:15px;display:flex}.score-row{color:#778497;grid-template-columns:58px 1fr 24px;align-items:center;gap:7px;font-size:8px;display:grid}.score-row strong{color:#455267;font-size:8px}.constraint-list-mini>div{border-bottom:1px solid #edf0f4;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;padding:7px 0;display:grid}.constraint-list-mini svg{color:var(--blue)}.constraint-list-mini span{flex-direction:column;display:flex}.constraint-list-mini strong{color:#465368;font-size:8px}.constraint-list-mini small{color:var(--soft);margin-top:2px;font-size:7px}.constraint-list-mini i{border-radius:3px;padding:2px 5px;font-size:7px;font-style:normal}.constraint-list-mini .pass{color:var(--green);background:var(--green-soft)}.constraint-list-mini .warn{color:var(--orange);background:var(--orange-soft)}.compare-table{border:1px solid var(--border);border-radius:5px;overflow:hidden}.compare-row{border-bottom:1px solid var(--border);grid-template-columns:1.15fr repeat(3,1fr);display:grid}.compare-row:last-child{border-bottom:0}.compare-row>span,.compare-row>button{color:#566378;border:0;border-right:1px solid var(--border);background:#fff;justify-content:center;align-items:center;min-height:38px;padding:5px;font-size:8px;display:flex}.compare-row>:first-child{color:#8490a1;background:#fafbfc;justify-content:flex-start}.compare-row>:last-child{border-right:0}.compare-head>span,.compare-head>button{background:#f6f8fa;min-height:33px;font-weight:600}.compare-head button.selected{color:var(--blue);background:var(--blue-soft)}.compare-note{color:#58667a;background:#f5f8fc;border:1px solid #dfe7f1;border-radius:5px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;font-size:8px;line-height:1.6;display:flex}.compare-note svg{color:var(--blue);flex:none}.confirm-plan-summary{color:var(--blue);background:var(--blue-soft);border:1px solid #cee0f8;border-radius:5px;align-items:center;gap:11px;padding:13px;display:flex}.confirm-plan-summary div{flex-direction:column;display:flex}.confirm-plan-summary span{color:#61748f;font-size:9px}.confirm-plan-summary strong{color:#33445c;margin-top:3px;font-size:11px}.confirm-impact{margin:14px 0}.confirm-impact p{color:#536176;align-items:center;gap:7px;padding:5px 0;font-size:9px;display:flex}.confirm-impact svg{color:var(--green)}.confirm-warning{color:#9b630f;background:var(--orange-soft);border-radius:4px;align-items:center;gap:7px;padding:9px;font-size:8px;display:flex}.constraint-overview{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.constraint-card{border:1px solid var(--border);border-top:3px solid var(--green);background:#fff;border-radius:6px;padding:14px}.constraint-warning{border-top-color:var(--orange)}.constraint-card-head{justify-content:space-between;align-items:center;display:flex}.constraint-card-head>span{width:36px;height:36px;color:var(--green);background:var(--green-soft);border-radius:5px;place-items:center;display:grid}.constraint-warning .constraint-card-head>span{color:var(--orange);background:var(--orange-soft)}.constraint-card-head i,.rule-status{color:var(--green);align-items:center;gap:3px;font-size:8px;font-style:normal;display:inline-flex}.constraint-warning .constraint-card-head i{color:var(--orange)}.constraint-card h3{color:#344157;margin-top:12px;font-size:11px}.constraint-card>strong{color:#26354a;margin-top:5px;font-size:15px;display:block}.constraint-card>p{color:var(--soft);margin-top:3px;font-size:8px}.constraint-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.55fr);gap:14px;display:grid}.category-label{color:#65748b;background:#f0f3f7;border-radius:3px;padding:3px 6px;font-size:8px}.rule-warning{color:var(--orange)}.trend-panel{min-height:385px}.constraint-rate{align-items:baseline;gap:8px;padding:18px 18px 5px;display:flex}.constraint-rate strong{color:var(--green);font-size:25px}.constraint-rate span{color:var(--soft);font-size:8px}.constraint-chart{height:250px;padding:12px 14px 5px 2px}.compliance-note{color:#2c6f57;background:#edf8f3;border:1px solid #c9e8da;border-radius:6px;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;display:flex}.compliance-note strong{font-size:10px}.compliance-note p{color:#5e7d70;margin-top:4px;font-size:9px;line-height:1.7}.prerequisite-banner{color:var(--orange);background:var(--orange-soft);border:1px solid #eed4a9;border-radius:6px;align-items:center;gap:11px;margin-bottom:14px;padding:11px 14px;display:flex}.prerequisite-banner>div{flex-direction:column;flex:1;display:flex}.prerequisite-banner strong{color:#8b5b17;font-size:10px}.prerequisite-banner span{color:#a17940;margin-top:2px;font-size:8px}.event-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.event-card{border:1px solid var(--border);border-top:3px solid var(--blue);background:#fff;border-radius:6px;flex-direction:column;min-height:238px;padding:14px;display:flex}.event-urgent{border-top-color:var(--red)}.event-stalled{border-top-color:var(--orange)}.event-weather{border-top-color:var(--purple)}.event-battery{border-top-color:#7a8799}.event-card-head{justify-content:space-between;align-items:center;display:flex}.event-icon{width:38px;height:38px;color:var(--blue);background:var(--blue-soft);border-radius:5px;place-items:center;display:grid}.event-urgent .event-icon{color:var(--red);background:var(--red-soft)}.event-stalled .event-icon{color:var(--orange);background:var(--orange-soft)}.event-weather .event-icon{color:var(--purple);background:var(--purple-soft)}.event-battery .event-icon{color:#657285;background:#eef1f4}.event-card-head i{color:#8591a2;background:#f0f3f6;border-radius:3px;padding:3px 6px;font-size:8px;font-style:normal}.event-card h3{color:#344157;margin-top:13px;font-size:12px}.event-card p{color:#687589;margin-top:6px;font-size:9px;line-height:1.65}.event-card small{color:var(--soft);margin:8px 0 13px;font-size:8px;display:block}.event-card .button{margin-top:auto}.audit-panel{min-height:320px}.audit-list{flex-direction:column;display:flex}.audit-row{color:#59667a;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f4;grid-template-columns:46px 105px minmax(230px,1fr) 80px 75px 18px;align-items:center;gap:12px;min-height:62px;padding:8px 16px;display:grid}.audit-row:hover{background:#f8fafc}.audit-type{width:40px;color:var(--blue);background:var(--blue-soft);text-align:center;border-radius:3px;padding:4px 0;font-size:8px}.audit-urgent{color:var(--red);background:var(--red-soft)}.audit-stalled{color:var(--orange);background:var(--orange-soft)}.audit-weather{color:var(--purple);background:var(--purple-soft)}.audit-battery{color:#687589;background:#eef1f4}.audit-time,.audit-message{flex-direction:column;min-width:0;display:flex}.audit-time strong{color:#415067;font-family:Consolas,monospace;font-size:10px}.audit-time span,.audit-message span{color:var(--soft);margin-top:2px;font-size:8px}.audit-message strong{color:#37445a;font-size:9px}.audit-message span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audit-duration,.audit-status{align-items:center;gap:4px;font-size:8px;display:flex}.audit-status{color:var(--green)}.audit-detail-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.audit-detail-head>div:nth-child(2){flex:1;min-width:0}.audit-detail-head span{color:var(--soft);font-size:8px}.audit-detail-head h3{color:#334056;margin-top:2px;font-size:14px}.audit-detail-head p{color:#69768a;margin-top:4px;font-size:9px;line-height:1.6}.audit-result{color:var(--green);background:var(--green-soft);border-radius:4px;grid-template-columns:19px auto;gap:2px 5px;padding:7px 10px;display:grid}.audit-result strong{font-size:9px}.audit-result span{text-align:center;grid-column:1/-1}.audit-meta{background:var(--border);border:1px solid var(--border);border-radius:5px;grid-template-columns:repeat(4,1fr);gap:1px;margin:14px 0;display:grid;overflow:hidden}.audit-meta>div{background:#f9fafb;flex-direction:column;padding:10px;display:flex}.audit-meta span{color:var(--soft);font-size:8px}.audit-meta strong{color:#465368;margin-top:3px;font-size:9px}.text-success{color:var(--green)!important}.detail-section-title{color:#3b485d;margin:15px 0 8px;font-size:10px}.before-after{grid-template-columns:1fr 30px 1fr;align-items:center;gap:7px;display:grid}.snapshot-arrow{color:#8aa7cf}.plan-snapshot{border:1px solid var(--border);border-radius:5px;padding:11px}.snapshot-accent{background:#f7fbff;border-color:#bad0ef}.plan-snapshot h5{color:#4c596d;margin-bottom:9px;font-size:9px}.plan-snapshot>div{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.plan-snapshot span{color:var(--soft);flex-direction:column;font-size:7px;display:flex}.plan-snapshot strong{color:#344157;margin-top:3px;font-size:11px}.impact-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.impact-grid>div{border:1px solid var(--border);background:#f8fafc;border-radius:4px;padding:10px}.impact-grid>div>span{color:var(--soft);font-size:8px}.impact-grid p{align-items:center;gap:4px;margin-top:5px;display:flex}.impact-grid small{color:#8a95a5;font-size:8px;text-decoration:line-through}.impact-grid strong{color:#364459;font-size:9px}.impact-grid i{color:var(--green);margin-top:4px;font-size:8px;font-style:normal;display:block}.conclusion-box{color:var(--green);background:var(--green-soft);border:1px solid #c6e8d9;border-radius:5px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;display:flex}.conclusion-box strong{font-size:9px}.conclusion-box p{color:#527666;margin-top:4px;font-size:9px;line-height:1.65}.auth-page{background:#f1f4f8;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:74px 20px 35px;display:flex}.auth-page:before{z-index:0;content:"";background:var(--navy-deep);height:265px;position:fixed;inset:0 0 auto}.auth-brand{z-index:1;align-items:center;gap:10px;display:flex;position:absolute;top:24px;left:32px}.auth-brand>div:nth-child(2){flex-direction:column;display:flex}.auth-brand strong{color:#fff;font-size:14px}.auth-brand span{color:#8fa1bc;font-size:9px}.auth-card{z-index:1;background:#fff;border:1px solid #dce2ea;border-radius:8px;width:min(440px,100%);padding:32px 36px 26px;position:relative;box-shadow:0 16px 45px #11223c21}.auth-heading{margin-bottom:23px}.auth-kicker{color:var(--blue);letter-spacing:1.5px;margin-bottom:10px;font-size:9px;font-weight:700}.auth-heading h1{color:#1d2b41;font-size:24px;font-weight:650}.auth-heading p{color:#7c899b;margin-top:7px;font-size:10px}.field-label{color:#445166;margin:13px 0 6px;font-size:10px;font-weight:600;display:block}.input-shell{color:#93a0b1;background:#fff;border:1px solid #dce2ea;border-radius:5px;align-items:center;gap:9px;height:42px;padding:0 11px;display:flex}.input-shell:focus-within{color:var(--blue);border-color:#7fa8e3;box-shadow:0 0 0 3px #246fe514}.input-shell input{color:#243248;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.input-shell input::placeholder{color:#a7b0bd}.input-error{border-color:#e19da2}.valid-icon{color:var(--green)}.input-action{color:#8f9aaa;background:0 0;border:0;place-items:center;padding:3px;display:grid}.agreement{color:#788598;align-items:flex-start;gap:7px;margin:15px 0 0;font-size:9px;line-height:1.6;display:flex}.agreement input{accent-color:var(--blue);margin-top:2px}.agreement-link{color:var(--blue);font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:inline}.agreement-link:hover{text-decoration:underline}.legal-document{color:#39465a;font-size:13px;line-height:1.8}.legal-document-intro{border-bottom:1px solid var(--border);padding-bottom:18px}.legal-document-intro h3{color:#17243a;margin:0 0 8px;font-size:19px}.legal-document-intro>div{color:#778397;flex-wrap:wrap;gap:8px 24px;font-size:12px;display:flex}.legal-document-intro p{color:#536176;border-left:3px solid var(--blue);background:#f4f7fb;margin:12px 0 0;padding:11px 13px}.legal-document-content{padding:6px 2px 2px}.legal-document-content section{padding-top:14px}.legal-document-content h4{color:#1d2b40;margin:0 0 6px;font-size:14px}.legal-document-content p{text-align:justify;margin:0 0 7px}.legal-document-actions{color:#778397;border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:16px;display:flex}.legal-document-actions .button{flex:none}.form-error{color:var(--red);background:var(--red-soft);border-radius:4px;margin-top:10px;padding:7px 9px;font-size:9px}.auth-submit{width:100%;min-height:42px;margin-top:18px}.auth-switch{color:#8994a4;text-align:center;margin-top:17px;font-size:9px}.auth-switch a{color:var(--blue);margin-left:4px;font-weight:600;text-decoration:none}.demo-account{color:#6c7b90;background:#f6f8fb;border:1px dashed #cfd7e2;border-radius:4px;width:100%;margin-top:13px;padding:8px;font-size:9px}.auth-footer{z-index:1;color:#8e99a9;letter-spacing:.6px;margin-top:18px;font-size:9px;position:relative}@media (width<=1180px){.rider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-grid,.constraint-overview{grid-template-columns:repeat(2,1fr)}.dispatch-workspace{grid-template-columns:1fr;height:auto;min-height:0}.map-panel{border-right:0;border-bottom:1px solid var(--border);min-height:600px}.dispatch-panel{min-height:620px}}@media (width<=900px){.sidebar{z-index:80;transition:all .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-close{color:#cbd5e6;margin-left:auto;display:grid}.sidebar-mask{z-index:70;background:#0c182b73;border:0;display:block;position:fixed;inset:0}.main-area{width:100%;margin-left:0}.menu-button{display:grid}.dashboard-grid,.dashboard-lower,.constraint-layout{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.constraint-layout .trend-panel{min-height:350px}.audit-row{grid-template-columns:45px 90px 1fr 70px 17px}.audit-status{display:none}.detail-layout{grid-template-columns:1fr}.detail-side{order:-1}}@media (width<=680px){.topbar{height:64px;padding:0 14px}.page-content{padding:17px 14px 30px}.online-time,.user-meta{display:none}.page-intro,.dispatch-header{flex-direction:column;align-items:flex-start}.page-intro h2,.dispatch-header h2{font-size:20px}.page-intro-actions .button-row{width:100%}.page-intro-actions .button{flex:1}.metrics-grid,.rider-grid,.constraint-overview,.event-grid,.realtime-grid,.rider-detail-lower,.profile-info-grid,.impact-grid{grid-template-columns:1fr}.list-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.modal-layer{padding:0}.modal{border-radius:0;width:100%;max-height:100vh}.modal-body{max-height:calc(100vh - 58px);padding:15px}.legal-document{font-size:12px}.legal-document-intro h3{font-size:17px}.legal-document-actions{flex-direction:column;align-items:stretch}.legal-document-actions .button{width:100%}.info-grid,.audit-meta{grid-template-columns:1fr}.info-item-wide{grid-column:auto}.map-panel{min-height:470px}.map-toolbar{flex-direction:column;align-items:flex-start;padding:9px 12px}.map-stats{grid-template-columns:repeat(2,1fr)}.map-stats>div{border-bottom:1px solid var(--border);min-height:52px}.plan-metrics{grid-template-columns:1fr 1fr}.audit-row{grid-template-columns:42px 72px 1fr 16px;gap:8px;padding-inline:10px}.audit-duration{display:none}.before-after{grid-template-columns:1fr}.snapshot-arrow{margin:auto;transform:rotate(90deg)}.plan-snapshot>div{grid-template-columns:repeat(2,1fr)}.prerequisite-banner{flex-wrap:wrap;align-items:flex-start}.prerequisite-banner .button{width:100%}.auth-card{padding:26px 22px 22px}.auth-brand{left:20px}.toast-stack{top:75px;left:12px;right:12px}.toast{width:100%;min-width:0}}