:root{--ink:#213931;--muted:#78867e;--green:#1c654d;--line:#e6eae5;--canvas:#f5f6f2}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Arial,Microsoft YaHei,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;transition:background .18s}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus,select:focus{outline-offset:3px;outline:2px solid #74ac92}button{border-radius:7px}.shell{min-height:100vh;display:flex}.sidebar{color:#e6eee7;background:#153f32;flex-direction:column;flex-shrink:0;width:238px;padding:36px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:1.7px;align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.brand small{letter-spacing:1.2px;color:#a7beb1;margin-top:7px;font-size:10px;font-weight:400;display:block}.brand-mark{border:1px solid #719783;border-radius:10px;justify-content:center;align-items:center;width:39px;height:43px;font-family:Georgia,serif;font-size:25px;display:flex;position:relative}.brand-mark span{font-size:13px;position:absolute;top:1px;right:3px}.nav-caption{letter-spacing:2px;color:#8eac9b;margin:60px 14px 18px;font-size:11px}.nav-active{background:#2e5745;border-radius:8px;align-items:center;gap:12px;padding:15px 16px;font-weight:700;display:flex}.nav-active>span:first-child{color:#c6dab0;font-size:21px}.nav-count{color:#a3bfaf;margin-left:auto;font-size:11px}.sidebar-note{color:#cbdacb;margin:auto 13px 30px;font-size:12px}.sidebar-note p{color:#97b4a4;margin-left:13px;font-size:11px;line-height:1.9}.tiny-dot{background:#a0bd80;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.sidebar-bottom{border-top:1px solid #36594a;align-items:center;gap:12px;padding:20px 10px 0;font-size:12px;display:flex}.sidebar-bottom small{color:#91ad9e;margin-top:6px;font-size:10px;display:block}.avatar{color:#254d3a;background:#d0ddc4;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}main{flex:1;min-width:0;margin-left:238px}.topbar{border-bottom:1px solid var(--line);color:#6d7b73;background:#fafbf8;justify-content:space-between;align-items:center;height:76px;padding:0 44px;font-size:12px;display:flex}.topbar b{color:#bec6bc;margin:0 13px;font-weight:400}.environment{letter-spacing:1.2px;font-size:9px}.workspace{max-width:1570px;margin:auto;padding:42px 44px 20px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:2px;color:#819075;margin-bottom:12px;font-size:10px}h1{letter-spacing:1px;margin:0;font-size:30px;font-weight:500}.page-heading p{color:var(--muted);margin:13px 0 0;font-size:12px}.primary{background:var(--green);color:#fff;border:1px solid var(--green);white-space:nowrap;padding:12px 21px;font-weight:500}.primary:hover{background:#154d3b}.secondary{color:#526459;background:#fff;border:1px solid #dbe1d7;padding:10px 16px;font-size:12px}.secondary:hover{background:#f1f5ee}.summary{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:32px;margin-bottom:26px;padding:25px 28px;display:flex}.summary-label{color:var(--muted);font-size:11px}.summary strong{letter-spacing:-1px;margin-top:9px;font-size:33px;font-weight:500;display:block}.summary strong small{color:var(--muted);margin-left:9px;font-size:11px;font-weight:400}.summary-divider{background:var(--line);width:1px;height:48px;margin:0 10px}.summary p{margin:16px 0 0;font-size:14px}.pill{color:#83926c;letter-spacing:1px;background:#eff3e8;border-radius:4px;margin-left:8px;padding:4px 7px;font-size:9px}.summary-tail{text-align:right;color:#5b7863;margin-left:auto;font-size:11px}.summary-tail small{color:#8b978b;margin-top:14px;font-size:10px;display:block}.sync-dot{background:#70a186;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.orders-panel,.form-panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.form-panel{margin-bottom:24px;padding:24px 26px}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}h2{align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;display:flex}.count-badge{color:#6d8269;background:#edf1e8;border-radius:5px;padding:3px 7px;font-size:10px}.orders-panel>.section-title{padding:25px 26px 20px}.muted{color:var(--muted);margin:9px 0 0;font-size:11px}.filters{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:17px 26px;display:flex}.filters label{color:#718071;align-items:center;gap:12px;font-size:11px;display:flex}.filters select{width:136px;padding:8px 12px}.filters>span{color:#96a08f;font-size:10px}select,input{color:var(--ink);background:#fff;border:1px solid #dce3d7;border-radius:5px;min-width:0;padding:11px 12px}input::placeholder{color:#a1aa9e;font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{color:#899480;background:#f7f9f4;font-size:10px;font-weight:400}th{padding:14px 22px;font-weight:500}td{border-top:1px solid #edf0e9;padding:23px 22px;font-size:12px}td strong{margin-top:8px;font-weight:500;display:block}.order-number{color:#80907e;font-family:monospace;font-size:10px}.date{font-size:11px}.date small{color:#99a290;margin-top:7px;font-size:10px;display:block}.route{white-space:normal;min-width:160px;max-width:310px;font-size:11px}.route div{align-items:center;gap:8px;line-height:1.6;display:flex}.route div+div{margin-top:6px}.pickup-dot,.dropoff-dot{background:#7b9e7e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.dropoff-dot{background:#c8a579}.status-badge{color:#907733;white-space:nowrap;background:#f8f3dc;border-radius:5px;padding:6px 10px;font-size:10px;display:inline-block}.table-footer{border-top:1px solid var(--line);color:#929e8e;justify-content:space-between;gap:12px;padding:17px 26px;font-size:10px;display:flex}.empty{text-align:center;padding:45px 20px 52px}.empty-icon{color:#9aaa8f;background:#f0f4e9;border-radius:14px;place-items:center;width:50px;height:50px;margin:0 auto 17px;font-size:30px;display:grid}.empty h3{font-size:15px;font-weight:500}.empty p{color:var(--muted);margin-bottom:22px;font-size:11px}.table-message{color:var(--muted);text-align:center;padding:40px 26px}.footer{color:#9ba491;justify-content:space-between;margin-top:27px;font-size:10px;display:flex}.footer span{letter-spacing:1px;font-size:9px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:23px;display:grid}.form-grid label{color:#657561;flex-direction:column;gap:9px;font-size:12px;display:flex}.initial-state{color:#657561;flex-direction:column;align-items:flex-start;gap:11px;font-size:12px;display:flex}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.text-button{color:var(--green);background:0 0;border:0;padding:8px;font-size:12px}.notice{color:#426538;overflow-wrap:anywhere;background:#eaf3e7;border:1px solid #d4e2ca;border-radius:7px;margin-bottom:20px;padding:14px 18px;font-size:12px}.error{color:#a54f37;background:#fff1ed;border-radius:6px;margin-top:16px;padding:16px;font-size:12px}.error .text-button{margin:10px auto 0;display:block}@media (min-width:1600px){.workspace{padding-top:55px}}@media (max-width:1000px){.sidebar{width:195px;padding-left:15px;padding-right:15px}.brand{gap:8px;font-size:12px}.brand small{font-size:9px}main{margin-left:195px}.workspace{padding:28px 24px}.topbar{padding:0 24px}.summary{gap:16px;padding:22px}.summary-divider{margin:0 4px}}@media (max-width:700px){.sidebar{width:100%;padding:18px 22px;position:static}.sidebar .nav-caption,.nav-active,.sidebar-note,.sidebar-bottom{display:none}.shell{display:block}main{margin-left:0}.topbar{height:50px}.environment{font-size:8px}.workspace{padding:25px 16px}h1{font-size:24px}.page-heading{align-items:flex-start}.page-heading>.primary{padding:10px 12px;font-size:12px}.summary{flex-wrap:wrap;gap:18px}.summary-tail{text-align:left;border-top:1px solid var(--line);width:100%;padding-top:15px}.summary-tail small{margin-top:7px}.form-grid{grid-template-columns:1fr}.filters>span{display:none}.section-title{align-items:center}.orders-panel>.section-title{padding:20px}.table-footer span:last-child{display:none}.footer{font-size:9px}.form-panel{padding:20px}}.session-bar{z-index:2;background:#edf2e9;justify-content:flex-end;align-items:center;gap:16px;padding:10px 24px;display:flex;position:relative}.session-bar button{background:#fff;border:1px solid #bdccbf;padding:6px 12px}.login{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:440px;margin:12vh auto;padding:36px}.login label{flex-direction:column;gap:8px;margin:22px 0;display:flex}.login .primary{width:100%}.timeline{padding-left:22px;line-height:2.5}.form-panel>p{overflow-wrap:anywhere}.form-panel form>.primary{margin:20px 0}.search-form{border-top:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:14px;padding:16px 24px;display:flex}.search-form label,.pagination label{flex-direction:column;gap:6px;display:flex}.pagination,.fleet-tabs,.workspace-tabs{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.workspace-tabs{z-index:2;background:#edf2e9;justify-content:flex-end;padding:12px 24px;position:relative}.fleet-workspace{max-width:1100px;margin:30px auto;padding:0 20px}.fleet-tabs{margin:20px 0}.table-footer{flex-wrap:wrap;gap:14px}@media (max-width:700px){.table-footer span:last-child{display:inline}}.column-settings{border-bottom:1px solid #dce4df;padding:16px}.column-settings summary{cursor:pointer;font-weight:600}.column-settings>div{align-items:center;gap:10px;margin:6px 0;display:flex}.column-settings label{min-width:230px}.column-settings input{width:auto;margin-right:8px}.order-table-scroll{isolation:isolate;position:relative}.order-table-scroll table{border-collapse:separate;border-spacing:0}.order-table-scroll .order-actions{z-index:1;background:#fff;min-width:112px;padding-left:16px;padding-right:16px;position:sticky;right:0;box-shadow:-5px 0 9px -7px #21393188}.order-table-scroll th.order-actions{z-index:2;background:#f7f9f4}.order-detail-anchor{scroll-margin-top:16px}.order-detail-anchor:focus{outline:none}.conflict-badge{color:#526459;white-space:nowrap;background:#f7f9f4;border:1px solid #dce3d7;margin:0 0 8px;padding:5px 8px;font-size:11px;display:block}.conflict-badge.warning{color:#923d29;background:#fff1ed;border-color:#e6b19f}.schedule-group{border:1px solid var(--line);border-radius:8px;margin-top:24px;padding:16px}.schedule-hours{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.schedule-track{background:repeating-linear-gradient(90deg,#edf0e9 0 1px,#0000 1px 25%);height:18px;margin:10px 0;position:relative}.schedule-bar{background:#93b6a3;border:1px solid #36785b;border-radius:3px;height:16px;position:absolute}.schedule-bar.uncertain{background:#f7f4e4;border:2px dashed #9b8039}.schedule-bar.conflict{background:#f6cdbd;border-color:#a54f37}.schedule-item{border-top:1px solid var(--line);padding:8px 0}.schedule-item p{margin:4px 0;font-size:12px}.schedule-item button{overflow-wrap:anywhere;text-align:left}.order-detail-shortcuts{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.order-detail-shortcuts button{border:1px solid var(--line);color:var(--green);background:#f5f8f4;padding:9px 12px}.order-detail-section{border:1px solid var(--line);border-radius:8px;margin:16px 0;scroll-margin-top:20px}.order-detail-section>summary{cursor:pointer;background:#f5f8f4;padding:15px 16px;font-weight:600}.order-detail-section>summary:focus-visible{outline-offset:2px;outline:2px solid #74ac92}.order-detail-section-body{overflow-wrap:anywhere;padding:16px}.order-detail-section-body>section>h3:first-child{margin-top:0}.workspace-navigation{border-bottom:1px solid var(--line);z-index:2;background:#edf2e9;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;padding:16px 24px;display:grid;position:relative}.workspace-navigation-group{align-items:flex-start;gap:12px;min-width:0;display:flex}.workspace-navigation-label{color:#52675e;min-width:48px;padding-top:9px;font-size:12px;font-weight:600}.workspace-navigation-group>div{flex-wrap:wrap;gap:6px;display:flex}.workspace-navigation button{color:#254c40;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6e1d9;border-radius:7px;padding:8px 10px;font-size:13px}.workspace-navigation button[aria-current=page]{color:#fff;background:#1d624e;border-color:#1d624e}.workspace-navigation button:focus-visible{outline-offset:2px;outline:3px solid #b49b74}.order-next-step{background:#eef5f0;border:1px solid #d8e5dc;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:16px;display:flex}.order-next-step p{margin:8px 0 0;line-height:1.6}.order-next-step button{flex-shrink:0}@media (max-width:900px){.workspace-navigation{grid-template-columns:1fr;padding:12px}.order-next-step{flex-direction:column;align-items:flex-start}}.operations-page{box-sizing:border-box;border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:12px;width:calc(100% - 64px);min-width:0;max-width:1400px;margin:28px auto 48px;padding:28px 32px}.operations-page>nav{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.operations-page>p{line-height:1.75}.operations-page>article{border-bottom:1px solid var(--line);padding:18px 0}@media (max-width:700px){.operations-page{width:calc(100% - 24px);margin:16px auto 28px;padding:20px 16px}}.rule-filters{flex-wrap:wrap;align-items:end;gap:14px;margin:20px 0;display:flex}.rule-filters label{flex-direction:column;gap:6px;display:flex}.rule-editor{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.date-shortcuts{flex-wrap:wrap;gap:8px;display:flex}.search-form details{max-width:100%}.search-form .search-form{padding:16px 0}.order-number.text-button{text-underline-offset:3px;padding:4px 0;text-decoration:underline}.management-page>form,.management-editor{border:1px solid var(--line);background:#f8faf7;border-radius:9px;margin:20px 0;padding:20px}.management-page>form>label,.management-editor>label{vertical-align:top;flex-direction:column;gap:8px;max-width:100%;margin:8px 18px 12px 0;display:inline-flex}.management-page label:has(>input[type=checkbox]){flex-direction:row;align-items:center}.management-page td small{color:var(--muted);margin-top:8px;line-height:1.7;display:block}.management-page .section-title{flex-wrap:wrap}.management-page>section.form-panel{border:0;margin:0;padding:0}.management-page>table{display:block;overflow-x:auto}.management-page button{margin-bottom:5px;margin-right:5px}@media (max-width:700px){.management-page>form,.management-editor{padding:14px}.management-page>form>label,.management-editor>label{margin-right:0;display:flex}.management-page input,.management-page select,.management-page textarea{max-width:100%}}.order-table-scroll td{padding:10px 16px;line-height:1.5}.order-table-scroll th{padding:11px 16px}.order-table-scroll td strong{margin-top:0}.order-table-scroll td .secondary{min-height:34px;padding:8px 12px}.order-table-scroll .order-actions{padding:10px 12px}.order-table-scroll .order-number.text-button{min-height:32px}.order-table-scroll td small{line-height:1.5}.settlement-progress{background:#f6f8f6;border:1px solid #dce4df;border-radius:12px;margin:20px 0;padding:20px}.settlement-progress-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.settlement-progress-grid article{overflow-wrap:anywhere;background:#fff;border:1px solid #e1e7e3;border-radius:8px;padding:16px}.settlement-progress-grid h4{margin:0 0 12px}.settlement-progress-grid ul{padding-left:18px}.settlement-progress-grid p,.settlement-progress-grid li{font-size:13px;line-height:1.65}@media (max-width:1100px){.settlement-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.settlement-progress{padding:12px}.settlement-progress-grid{grid-template-columns:1fr}}
