:root{color:#14213d;font-synthesis:none;--navy:#14213d;--blue:#064b9a;--muted:#8490a4;--line:#e5eaf1;--surface:#fff;background:#f3f6fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:#f3f6fa;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-layout{min-height:100vh;display:flex}.sidebar{z-index:30;color:#fff;background:linear-gradient(#11213f,#0e315d 62%,#09294f);flex-direction:column;width:200px;padding:24px 12px 18px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 35px #0a1c371f}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:0 9px 27px;display:flex}.brand-mark{width:42px;height:42px;color:var(--blue);background:#fff;border-radius:13px;place-items:center;font-size:12px;font-weight:900;display:grid;box-shadow:0 8px 20px #00000026}.brand>span:last-child{gap:3px;display:grid}.brand b{font-size:17px}.brand small{color:#ffffff80;letter-spacing:1.8px;text-transform:uppercase;font-size:9px}.sidebar-caption{color:#ffffff73;letter-spacing:1.5px;margin:24px 12px 10px;font-size:10px;font-weight:700}.service-nav{gap:6px;display:grid}.service-nav a{color:#ffffffb8;border-radius:13px;align-items:center;gap:11px;min-height:64px;padding:10px 11px;transition:all .18s;display:flex;position:relative}.service-nav a:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.service-nav a.router-link-active{color:#fff;background:linear-gradient(90deg,#2b7ed16b,#3d8fdf2e);box-shadow:inset 3px 0 #62adf4}.nav-icon{background:#ffffff1a;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:600;display:grid}.nav-copy{gap:4px;min-width:0;display:grid}.nav-copy b{font-size:13px}.nav-copy small{color:#fff6;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.service-nav em{color:#fff;background:#e45b5b;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-style:normal;display:grid}.service-nav i{color:#ffffff52;margin-left:auto;font-size:18px;font-style:normal}.sidebar-help{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:13px;align-items:center;gap:10px;margin-top:auto;padding:13px;display:flex}.sidebar-help>span{background:#ffffff1a;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.sidebar-help div{gap:4px;display:grid}.sidebar-help b{font-size:10px}.sidebar-help small{color:#fff6;font-size:8px}.app-main{width:calc(100% - 200px);min-height:100vh;margin-left:200px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;align-items:center;height:78px;padding:0 38px;display:flex;position:sticky;top:0}.topbar>div:first-of-type{gap:3px;display:grid}.topbar p{color:var(--muted);letter-spacing:1px;margin:0;font-size:9px}.topbar h1{margin:0;font-size:19px}.topbar-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.notice-button{border:1px solid var(--line);width:38px;height:38px;color:var(--navy);cursor:pointer;background:#fff;border-radius:11px;position:relative}.notice-button i{background:#e24e4e;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.user-copy{text-align:right;gap:3px;margin-left:6px;display:grid}.user-copy b{font-size:11px}.user-copy small{color:var(--muted);font-size:8px}.avatar{color:#fff;background:linear-gradient(135deg,#246fb7,#103c72);border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.mobile-menu{display:none}.page-container{width:100%;max-width:1500px;margin:0 auto;padding:32px 38px 60px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-header h2{margin:0 0 6px;font-size:25px}.page-header p{color:var(--muted);margin:0;font-size:11px}.page-actions{gap:9px;display:flex}.content-card{border:1px solid var(--line);background:#fff;border-radius:19px;box-shadow:0 9px 28px #14213d0b}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:10px 15px;font-size:10px;font-weight:700;transition:all .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.button.primary{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 7px 16px #064b9a29}.button.secondary{color:var(--blue);background:#f5f9fd;border-color:#ccdae9}.button.danger{color:#c54141;background:#fff6f6;border-color:#efd0d0}.button.small{border-radius:8px;padding:7px 9px;font-size:9px}.text-link{color:var(--blue);padding:6px;font-size:10px;font-weight:700}.pending-tip{color:#a86915;background:#fff3db;border-radius:16px;padding:7px 10px;font-size:9px;font-weight:700}.dashboard-view{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:22px;display:grid}.welcome-card,.overview-card{border-radius:22px;min-height:190px}.welcome-card{background:radial-gradient(circle at 80% 15%,#4a97e233,#0000 18rem),linear-gradient(135deg,#f8fbff,#e9f2fb);border:1px solid #dce7f3;justify-content:space-between;align-items:center;padding:34px;display:flex}.welcome-card p{color:var(--muted);margin:0 0 7px;font-size:11px}.welcome-card h2{margin:0;font-size:clamp(24px,2.3vw,34px)}.welcome-card h2 strong{color:var(--blue)}.welcome-card>div>span{color:#77849a;margin-top:13px;font-size:10px;display:block}.date-card{text-align:center;background:#fffc;border-radius:19px;place-content:center;width:76px;height:84px;display:grid;box-shadow:0 12px 30px #14213d17}.date-card b{font-size:28px}.date-card small{color:var(--muted);margin-top:4px;font-size:9px}.overview-card{color:#fff;background:linear-gradient(135deg,#132445,#07559f);padding:27px;box-shadow:0 16px 35px #08417e2e}.overview-total{gap:5px;display:grid;position:relative}.overview-total span{color:#ffffff9e;font-size:10px}.overview-total strong{font-size:38px}.overview-total em{color:#bff1d9;background:#1fbe742b;border-radius:16px;padding:5px 8px;font-size:9px;font-style:normal;position:absolute;top:0;right:0}.overview-grid{border-top:1px solid #ffffff21;grid-template-columns:repeat(3,1fr);margin-top:17px;padding-top:16px;display:grid}.overview-grid div{grid-template-columns:auto 1fr;column-gap:7px;display:grid}.overview-grid div+div{border-left:1px solid #ffffff21;padding-left:13px}.overview-grid i{border-radius:50%;grid-row:1/3;width:6px;height:6px;margin-top:4px}.overview-grid .blue{background:#70b7ff}.overview-grid .amber{background:#ffc35c}.overview-grid .green{background:#58d89e}.overview-grid b{font-size:14px}.overview-grid span{color:#ffffff8c;font-size:8px}.recent-card,.activity-card{padding:23px}.card-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-heading h3{margin:0 0 4px;font-size:15px}.card-heading p{color:var(--muted);margin:0;font-size:9px}.card-heading>a{color:var(--blue);font-size:9px;font-weight:700}.recent-list{display:grid}.recent-list article{border-top:1px solid #edf0f4;align-items:center;gap:11px;padding:14px 0;display:flex}.recent-list article:first-child{border-top:0}.route-mark{width:34px;height:34px;color:var(--blue);background:#edf5ff;border-radius:10px;flex:0 0 34px;place-items:center;font-size:11px;font-weight:800;display:grid}.recent-main{flex:1;gap:4px;min-width:0;display:grid}.recent-main b{font-size:11px}.recent-main small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.recent-list article>a{color:var(--blue);font-size:9px;font-weight:700}.activity-list{margin:0;padding:0;list-style:none}.activity-list li{padding:0 0 22px 20px;position:relative}.activity-list li:not(:last-child):after{content:"";border-left:1px dashed #bcc8d6;position:absolute;top:12px;bottom:3px;left:4px}.activity-list i{background:#246ead;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:0;box-shadow:0 0 0 2px #246ead}.activity-list div{gap:5px;display:grid}.activity-list b{font-size:10px}.activity-list small{color:var(--muted);font-size:8px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:17px;display:grid}.summary-grid div{border:1px solid var(--line);background:#fff;border-radius:13px;padding:17px}.summary-grid b{margin-bottom:4px;font-size:20px;display:block}.summary-grid span{color:var(--muted);font-size:9px}.summary-grid-single{grid-template-columns:minmax(180px,1fr);max-width:360px}.online-orders-header{position:relative}.online-title-row{align-items:center;display:flex}.online-title-row h2{margin-bottom:0}.pending-order-count{color:#a86915;background:#fff3db;border-radius:18px;justify-content:center;align-items:center;gap:5px;min-width:108px;padding:8px 12px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pending-order-count b{font-size:14px}.online-orders-header p{margin-top:7px}@media (width<=520px){.pending-order-count{margin-left:14px;position:static;transform:none}}.inventory-orders-header{position:relative}.inventory-order-count{top:28px}@media (width<=800px){.inventory-order-count{display:none}}.arrive-orders-header{position:relative}.arrive-order-count{top:28px}@media (width<=800px){.arrive-order-count{display:none}}.table-card{padding:20px}.table-tools{justify-content:space-between;align-items:center;gap:13px;margin-bottom:16px;display:flex}.search-input,.order-form input,.order-form select,.order-form textarea,.modal-form input,.modal-form textarea{width:100%;color:var(--navy);background:#fbfcfe;border:1px solid #dfe5ed;border-radius:9px;outline:none;padding:11px 12px;font-size:10px;transition:all .16s}.search-input{max-width:420px}.search-input:focus,.order-form input:focus,.order-form select:focus,.order-form textarea:focus,.modal-form input:focus,.modal-form textarea:focus{border-color:#70a3d2;box-shadow:0 0 0 3px #1c6db914}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto}.order-table{border-collapse:collapse;white-space:nowrap;width:100%}.order-table th{color:#7b8598;text-align:left;background:#f7f9fc;padding:11px 13px;font-size:9px}.order-table td{border-top:1px solid #edf0f4;padding:13px;font-size:10px}.inventory-mobile{display:none}.inventory-table-wrap{overflow-x:hidden}.inventory-table{table-layout:fixed;white-space:normal}.inventory-table th,.inventory-table td{overflow-wrap:anywhere;padding:8px 5px;font-size:8px}.inventory-table:not(.inventory-table-selectable) th:first-child,.inventory-table:not(.inventory-table-selectable) td:first-child{width:88px}.inventory-table-selectable th:first-child,.inventory-table-selectable td:first-child{width:28px}.inventory-table-selectable th:nth-child(2),.inventory-table-selectable td:nth-child(2){width:88px}.inventory-table th:last-child,.inventory-table td:last-child{width:150px}.inventory-table .row-actions{flex-wrap:wrap;gap:2px}.inventory-table .button.small,.inventory-table .text-link{padding:4px;font-size:8px}.order-table tbody tr:hover{background:#fafcff}.order-table td small{color:var(--muted);margin-top:4px;font-size:8px;display:block}.order-table input[type=checkbox]{accent-color:var(--blue)}.row-actions{align-items:center;gap:6px;display:flex}.status-badge{color:#0b66ad;background:#eaf4ff;border-radius:14px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.status-badge.online,.status-badge.arrive{color:#a96a14;background:#fff3db}.status-badge.inventory{color:#68758a;background:#eef1f5}.status-badge.signed,.status-badge.unloaded{color:#138a5b;background:#eaf7f1}.status-badge.rejected{color:#c14545;background:#fff0f0}.empty-state{color:var(--muted);text-align:center;place-items:center;padding:62px 20px;display:grid}.empty-state>span{font-size:28px}.empty-state b{color:#606c80;margin-top:9px;font-size:13px}.empty-state p{margin:5px 0 0;font-size:9px}.order-form{grid-template-columns:repeat(3,1fr);gap:16px;padding:25px;display:grid}.order-form h3{border-bottom:1px solid #edf0f4;grid-column:1/-1;margin:5px 0 -2px;padding-bottom:9px;font-size:13px}.order-form label,.modal-form label{gap:7px;display:grid}.order-form label{grid-template-columns:minmax(70px,max-content) minmax(0,1fr);align-items:center}.order-form label span,.modal-form label span{color:#667187;font-size:9px;font-weight:700}.order-form label span{white-space:nowrap}.order-form textarea,.modal-form textarea{resize:vertical;min-height:75px}.order-form .wide,.modal-form .wide{grid-column:1/-1}.form-actions{border-top:1px solid #edf0f4;grid-column:1/-1;justify-content:flex-end;gap:9px;margin-top:5px;padding-top:17px;display:flex}@media (width>=1101px){.create-order-page{height:calc(100vh - 142px);min-height:0}.create-order-page .page-header{align-items:center;height:58px;margin-bottom:14px}.create-order-page .page-header h2{margin-bottom:4px;font-size:26px}.create-order-page .page-header p{font-size:11px}.create-order-page .page-actions .button{min-height:40px;padding:10px 17px;font-size:11px}.compact-order-form{grid-template-columns:repeat(6,minmax(0,1fr));align-content:space-between;gap:11px 17px;height:calc(100% - 72px);min-height:540px;padding:22px 26px}.compact-order-form h3{margin:0;padding:4px 0 8px;font-size:14px}.compact-order-form label{grid-column:span 2;gap:9px}.compact-order-form label span{font-size:10px}.compact-order-form input,.compact-order-form select,.compact-order-form textarea{border-radius:8px;min-height:40px;padding:10px 12px;font-size:12px}.compact-order-form textarea{min-height:48px;max-height:54px}.compact-order-form .wide{grid-column:span 5}.compact-order-form .form-actions{border:0;grid-column:span 1;align-items:end;margin:0;padding:0}.compact-order-form .form-actions .button{white-space:nowrap;min-height:40px;padding:10px 12px;font-size:10px}.page-locked,.page-locked .app-main{height:100vh;overflow:hidden}.page-locked .page-container{height:calc(100vh - 78px);padding-bottom:18px;overflow:hidden}.page-locked .create-order-page,.page-locked .compact-order-form{overflow:hidden}}.mode-tabs{gap:7px;display:flex}.mode-tabs button{color:#6d788c;cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:8px;padding:9px 12px;font-size:9px}.mode-tabs button.active{border-color:var(--blue);background:var(--blue);color:#fff}.detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-grid div{border:1px solid var(--line);background:#fafcff;border-radius:10px;gap:6px;padding:13px;display:grid}.detail-grid span{color:var(--muted);font-size:8px}.detail-grid b{font-size:10px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a14267a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:min(100%,520px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 24px 80px #00000038}.modal-card-large{width:min(100%,980px)}.modal-card-batch{flex-direction:column;width:90vw;height:75vh;max-height:75vh;display:flex;overflow:hidden}.modal-card-batch .modal-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.modal-card-batch .batch-textarea{white-space:pre;overflow-wrap:normal;word-break:normal;flex:1;min-height:42vh;overflow:auto}.modal-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-card h3{margin:0;font-size:15px}.modal-card header button{color:#788399;cursor:pointer;background:#f3f5f8;border:0;border-radius:8px;width:30px;height:30px;font-size:20px}.modal-body{padding:20px}.modal-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.order-detail-form{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px}.order-detail-form input,.order-detail-form textarea{background:#f8fafc}.order-detail-form textarea{min-height:64px}.batch-textarea{border:1px solid var(--line);resize:vertical;border-radius:10px;width:100%;min-height:180px;padding:12px}.batch-preview{background:#f6f8fb;border-radius:10px;max-height:230px;margin-top:14px;padding:13px;overflow:auto}.batch-preview p{margin:7px 0;font-size:9px}.partner-list{gap:7px;max-height:260px;margin-bottom:16px;display:grid;overflow:auto}.partner-list>button,.partner-list>label{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:9px;justify-content:space-between;align-items:center;padding:11px;display:flex}.partner-list>button.selected{border-color:var(--blue);background:#edf5ff}.partner-list b{font-size:10px}.partner-list span,.partner-list label{color:var(--muted);font-size:9px}.route-list{gap:7px;display:grid}.route-list>div{gap:7px;display:flex}.route-list button:first-child{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;flex:1;padding:10px}.route-list button:last-child{color:#c54141;background:#fff;border:0;padding:8px}.inline-form{gap:8px;margin-top:14px;display:flex}.inline-form input{border:1px solid var(--line);border-radius:9px;flex:1;padding:10px}.confirm-summary{background:#f6f8fb;border-radius:10px;padding:14px}.confirm-summary p{font-size:10px}.detail-pre{white-space:pre-wrap;background:#f6f8fb;border-radius:10px;padding:14px;font:10px/1.7 ui-monospace,monospace;overflow:auto}.trip-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.trip-grid article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:17px;position:relative}.trip-grid article>label{font-size:10px;font-weight:700}.trip-grid article>.status-badge{position:absolute;top:14px;right:14px}.trip-grid h3{margin:16px 0 12px;font-size:14px}.trip-grid dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px;display:grid}.trip-grid dt{color:var(--muted);font-size:8px}.trip-grid dd{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:9px;font-weight:700;overflow:hidden}.arrive-panel{padding:20px}.arrive-list{gap:11px;display:grid}.arrive-list article{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;min-height:98px;transition:all .16s;display:flex;position:relative;overflow:hidden}.arrive-list article:hover{transform:translateY(-1px);box-shadow:0 9px 24px #14213d12}.left-mark{background:var(--blue);align-self:stretch;width:5px}.arrive-check{place-items:center;width:48px;display:grid}.arrive-check input{accent-color:var(--blue)}.arrive-status{color:#138a5b;background:#eaf7f1;border-radius:12px;margin:0 10px;padding:6px 8px;font-size:8px;font-weight:700}.arrive-card-main{flex:1;gap:13px;min-width:0;padding:15px 18px;display:grid}.trip-number{font-size:13px}.arrive-card-main>div{grid-template-columns:1fr 1.3fr 1fr auto;align-items:end;gap:25px;display:grid}.arrive-card-main span{gap:5px;min-width:0;display:grid}.arrive-card-main small{color:var(--muted);font-size:8px}.arrive-card-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.arrive-card-main em{color:#a96a14;background:#fff3db;border-radius:14px;padding:6px 9px;font-size:8px;font-style:normal;font-weight:700}.arrive-detail-list{gap:13px;display:grid}.arrive-detail-list article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;position:relative}.arrive-detail-list article>header{justify-content:space-between;align-items:center;display:flex}.arrive-detail-list header div{gap:5px;display:grid}.arrive-detail-list small{color:var(--muted);font-size:8px}.arrive-detail-list header b{font-size:14px}.arrive-detail-list header>span{color:#68758a;background:#f1f5f9;border-radius:12px;padding:6px 9px;font-size:8px}.detail-info-grid{border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;grid-template-columns:repeat(6,minmax(0,1fr));margin:14px 0;display:grid}.detail-info-grid>div,.detail-info-grid>button{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;border-right:1px solid #edf0f4;gap:5px;min-width:0;padding:12px;display:grid}.detail-info-grid>button{color:var(--blue);cursor:pointer}.detail-info-grid b{font-size:9px}.arrive-actions{gap:7px;display:flex}.arrive-actions button,.arrive-actions a{color:var(--blue);cursor:pointer;background:#f6f9fc;border:1px solid #cfdeeb;border-radius:8px;padding:7px 12px;font-size:9px;font-weight:700}.arrive-actions button:disabled{opacity:.4;cursor:not-allowed}.arrive-detail-list article>.status-badge{position:absolute;bottom:18px;right:18px}.depart-trip-list .left-mark{background:#1f6daf}.depart-trip-list .arrive-card-main em{color:#0b66ad;background:#eaf4ff}.depart-detail-list{gap:13px;display:grid}.depart-detail-list article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px 18px 14px 52px;position:relative}.depart-detail-check{position:absolute;top:20px;left:18px}.depart-detail-check input{accent-color:var(--blue)}.depart-detail-list header{justify-content:space-between;align-items:center;display:flex}.depart-detail-list header>div{gap:5px;display:grid}.depart-detail-list small{color:var(--muted);font-size:8px}.depart-detail-list header b{font-size:14px}.depart-detail-list header>span{color:#68758a;background:#f1f5f9;border-radius:12px;padding:6px 9px;font-size:8px}.depart-detail-footer{justify-content:space-between;align-items:center;display:flex}.depart-detail-footer>div:first-child{gap:4px;display:grid}.depart-detail-footer>div:last-child{gap:7px;display:flex}.depart-detail-footer button{cursor:pointer;background:0 0;border:0}.track-layout{grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:28px;display:grid}.track-summary{color:#fff;background:linear-gradient(135deg,#132445,#07559f);border-radius:20px;flex-direction:column;justify-content:center;align-self:start;min-height:300px;padding:28px;display:flex;position:sticky;top:110px;box-shadow:0 16px 35px #08417e2e}.track-summary p{color:#fff9;margin:0;font-size:9px}.track-summary h2{margin:18px 0;font-size:25px}.track-summary h2 span{color:#8bc0ed;margin:0 7px}.track-summary>div{border-top:1px solid #ffffff24;gap:5px;padding-top:15px;display:grid}.track-summary small{color:#ffffff94;font-size:9px}.track-summary>a{color:#b9dcff;margin-top:28px;font-size:9px;font-weight:700}.track-main{border:1px solid var(--line);background:#fff;border-radius:19px;padding:22px}.timeline{padding-left:18px}.timeline article{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:13px;padding:18px;position:relative;box-shadow:0 6px 18px #14213d09}.timeline article>i{background:#aeb8c8;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:21px;left:-18px;box-shadow:0 0 0 2px #aeb8c8}.timeline article.current>i{background:#df4e4e;box-shadow:0 0 0 2px #df4e4e}.timeline article:not(:last-child):before{content:"";border-left:1px dashed #b9c7d8;position:absolute;top:27px;bottom:-24px;left:-14px}.timeline header{justify-content:space-between;align-items:center;display:flex}.timeline header span{color:#0b66ad;background:#eaf4ff;border-radius:13px;padding:5px 8px;font-size:8px;font-weight:700}.timeline time{color:var(--muted);font-size:8px}.timeline h4{margin:12px 0 8px;font-size:11px}.timeline article>p{color:#6d788b;border-bottom:1px solid #edf0f4;justify-content:space-between;margin:0;padding-bottom:9px;font-size:9px;display:flex}.timeline p button{color:var(--blue);background:#edf5ff;border:0;border-radius:6px;padding:3px 7px;font-size:8px}.timeline dl{grid-template-columns:1.4fr 1fr .7fr;margin:11px 0 0;display:grid}.timeline dl div{border-right:1px solid #edf0f4;padding:0 9px}.timeline dl div:first-child{padding-left:0}.timeline dl div:last-child{border:0}.timeline dt{color:var(--muted);font-size:8px}.timeline dd{margin:5px 0 0;font-size:9px;font-weight:700}.track-modal-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:20px}.track-modal-layout .track-summary{min-height:240px;position:sticky;top:0}.track-modal-layout .track-main{max-height:68vh;overflow:auto}.page-enter-active,.page-leave-active{transition:all .16s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(4px)}.modal-enter-active,.modal-leave-active{transition:all .18s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-card{transform:translateY(10px)scale(.98)}@media (width<=1100px){.dashboard-view{grid-template-columns:1fr}.overview-card{min-height:180px}.activity-card{grid-column:1}.order-form,.trip-grid{grid-template-columns:1fr 1fr}}@media (width<=800px){.sidebar{transition:all .2s;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:25;background:#0812226b;position:fixed;inset:0}.app-main{width:100%;margin-left:0}.topbar{height:70px;padding:0 18px}.mobile-menu{border:1px solid var(--line);width:36px;height:36px;color:var(--navy);background:#fff;border-radius:10px;place-items:center;margin-right:12px;display:grid}.user-copy{display:none}.page-container{padding:24px 18px 45px}.page-header{align-items:flex-start}.page-actions{flex-wrap:wrap;justify-content:flex-end}.summary-grid{grid-template-columns:1fr 1fr}.track-layout{grid-template-columns:1fr}.track-summary{min-height:220px;position:static}.digital-tools{flex-direction:column;align-items:flex-start}.order-form{grid-template-columns:1fr 1fr}.inventory-table-wrap{overflow:auto}.inventory-table{table-layout:auto;white-space:nowrap}.inventory-table th,.inventory-table td{padding:11px 13px;font-size:10px}.inventory-table th:last-child,.inventory-table td:last-child{width:auto}.inventory-table .row-actions{flex-wrap:nowrap;gap:6px}.inventory-table .button.small,.inventory-table .text-link{padding:7px 9px;font-size:9px}.arrive-card-main>div{grid-template-columns:1fr 1fr;gap:12px}.detail-info-grid{grid-template-columns:1fr 1fr}.arrive-detail-list article>.status-badge{margin-top:12px;position:static}}@media (width<=520px){.topbar p,.notice-button{display:none}.page-header{display:grid}.page-actions{justify-content:flex-start}.dashboard-view{gap:15px}.welcome-card{min-height:170px;padding:22px}.welcome-card h2{font-size:23px}.welcome-card>div>span{display:none}.date-card{width:58px;height:64px}.overview-card{padding:22px}.recent-list article{flex-wrap:wrap}.recent-list article>a{margin-left:45px}.order-form,.modal-form{grid-template-columns:1fr}.order-form label,.order-form .wide,.modal-form label,.modal-form .wide{grid-column:1}.summary-grid{gap:8px}.detail-grid,.timeline dl{grid-template-columns:1fr}.timeline dl div{border-bottom:1px solid #edf0f4;border-right:0;padding:7px 0}.timeline dl div:last-child{border:0}.trip-grid{grid-template-columns:1fr}}.transfer-order-form>h3{border-bottom:1px solid #edf0f4;grid-column:1/-1;margin:6px 0 0;padding-bottom:9px;font-size:13px}.transfer-fixed-actions{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;justify-content:flex-end;gap:9px;margin:-20px -20px 4px;padding:12px 20px;display:flex;position:sticky;top:-20px;box-shadow:0 5px 12px #182b440f}.modal-card-transfer{flex-direction:column;height:calc(100vh - 40px);display:flex;overflow:hidden}.modal-card-transfer>header{flex:none}.modal-card-transfer>.modal-body{flex:1;min-height:0;overflow:auto}.transfer-fixed-actions{justify-content:space-between;align-items:center}.transfer-fixed-actions>div{gap:9px;display:flex}.transfer-source-number{grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:9px;min-width:300px;display:flex!important}.transfer-source-number span{white-space:nowrap}.transfer-source-number input{background:#fff}@media (width<=520px){.modal-card-transfer{height:calc(100vh - 40px)}.transfer-fixed-actions{flex-direction:column;align-items:stretch}.transfer-fixed-actions>div{justify-content:flex-end}.transfer-source-number{min-width:0;grid-column:1!important}}.order-table th,.inventory-table th{font-size:11px}.order-table td,.inventory-table td{font-size:12px;line-height:1.4}.order-table td strong{font-size:12px}.order-table td small,.inventory-table .button.small,.inventory-table .text-link,.status-badge{font-size:10px}.route-list div .route-option{border:1px solid var(--line);color:var(--navy);text-align:left;cursor:pointer;background:#fff;border-radius:8px;padding:10px}.route-list div .route-option.selected{border-color:var(--blue);color:var(--blue);background:#edf5ff;font-weight:700}@media (width>=1101px){.compact-order-form .wide{grid-column:span 4}.compact-order-form .form-actions{grid-column:span 2}}.batch-rule{background:#f4f9ff;border:1px solid #dce7f3;border-radius:10px;margin-bottom:12px;padding:11px 13px;overflow-x:auto}.batch-rule b{font-size:10px}.batch-rule p{color:#5f6f84;white-space:nowrap;margin:7px 0 0;font-size:9px}.batch-preview-table-wrap{border:1px solid var(--line);background:#fff;border-radius:9px;max-width:100%;max-height:230px;margin-top:10px;overflow:auto}.batch-preview-table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:2500px}.batch-preview-table th,.batch-preview-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;width:115px;padding:9px 10px;font-size:10px}.batch-preview-table th{z-index:1;color:#566579;background:#eaf1f8;font-weight:700;position:sticky;top:0}.batch-preview-table th:nth-child(6),.batch-preview-table td:nth-child(6),.batch-preview-table th:nth-child(9),.batch-preview-table td:nth-child(9){width:210px}.batch-preview-table th:nth-child(21),.batch-preview-table td:nth-child(21){width:180px}.batch-preview-table tr:last-child td{border-bottom:0}.modal-card-batch{height:90vh;max-height:90vh}.modal-card-batch .modal-body{overflow:hidden}.modal-card-batch .batch-textarea{flex:1 1 0;min-height:0}.modal-card-batch .batch-preview{flex-direction:column;flex:1 1 0;min-height:0;max-height:none;display:flex;overflow:hidden}.modal-card-batch .batch-preview-table-wrap{flex:1;min-height:0;max-height:none}.modal-card-batch .form-actions{flex:none}.batch-preview-heading{align-items:center;gap:8px;display:flex}.batch-preview-heading span{color:var(--muted);margin-right:auto;font-size:9px}.batch-preview-heading button{color:var(--blue);cursor:pointer;background:#fff;border:1px solid #cbd9e8;border-radius:7px;padding:5px 9px;font-size:9px}.batch-preview-table-wrap{-ms-overflow-style:scrollbar;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable;cursor:grab;width:100%;max-width:100%;overflow-y:auto;overflow-x:scroll!important}.batch-preview-table-wrap.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.batch-preview-table{width:2750px;min-width:2750px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.chat-panel{top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.chat-button{height:38px;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #cddbea;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:700;display:flex;position:relative}.chat-button.active{border-color:var(--blue);background:#edf5ff}.chat-button>span{font-size:17px}.chat-button>i{background:#35b56d;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:7px}.chat-panel{z-index:80;text-align:left;background:#f5f5f5;border:1px solid #d9dee5;border-radius:8px;grid-template-columns:285px minmax(0,1fr);width:min(920px,100vw - 240px);height:min(680px,100vh - 88px);display:grid;position:fixed;top:68px;right:24px;overflow:hidden;box-shadow:0 22px 70px #13203347}.chat-sidebar{background:#e9e9e9;border-right:1px solid #d7d7d7;flex-direction:column;min-width:0;display:flex}.chat-sidebar>header,.chat-main>header{border-bottom:1px solid #d8d8d8;justify-content:space-between;align-items:center;height:58px;padding:0 17px;display:flex}.chat-sidebar>header b{font-size:14px}.chat-sidebar>header button,.chat-main>header button{color:#727272;cursor:pointer;background:0 0;border:0;font-size:21px}.chat-search{background:#dcdcdc;border-radius:5px;align-items:center;height:44px;margin:10px 12px;display:flex}.chat-search span{color:#777;padding-left:10px}.chat-search input{background:0 0;border:0;outline:0;width:100%;padding:8px;font-size:11px}.conversation-list{flex:1;min-height:0;overflow:auto}.conversation-list>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;height:66px;padding:9px 12px;display:grid;position:relative}.conversation-list>button:hover{background:#dedede}.conversation-list>button.active{background:#c9c9c9}.conversation-list i,.message-row>i{color:#fff;background:#2fa56e;border-radius:4px;place-items:center;width:42px;height:42px;font-size:13px;font-style:normal;display:grid}.conversation-list span{gap:7px;min-width:0;display:grid}.conversation-list b{font-size:11px}.conversation-list small{color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.conversation-list em{color:#999;align-self:start;margin-top:3px;font-size:8px;font-style:normal}.conversation-list strong{color:#fff;background:#fa5151;border-radius:9px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:5px;left:45px}.chat-main{background:#f5f5f5;flex-direction:column;min-width:0;min-height:0;display:flex}.chat-main>header div{gap:4px;display:grid}.chat-main>header b{font-size:13px}.chat-main>header small{color:#999;font-size:8px}.message-list{flex-direction:column;flex:1;gap:17px;min-height:0;padding:20px 24px;display:flex;overflow:auto}.message-row{align-items:flex-start;gap:10px;display:flex}.message-row.mine{flex-direction:row-reverse}.message-row>i{background:#3478bd;flex:0 0 36px;width:36px;height:36px}.message-row.mine>i{background:#1969aa}.message-row>span{gap:4px;max-width:72%;display:grid}.message-row small{color:#aaa;font-size:8px}.message-row.mine small{text-align:right}.message-row p{color:#222;background:#fff;border-radius:4px;margin:0;padding:10px 12px;font-size:11px;line-height:1.55;position:relative;box-shadow:0 1px 1px #0000000d}.message-row.mine p{background:#95ec69}.chat-compose{background:#fff;border-top:1px solid #ddd;flex-direction:column;height:150px;padding:10px 18px 14px;display:flex}.chat-compose>div{gap:6px;display:flex}.chat-compose>div button{color:#555;cursor:pointer;background:0 0;border:0;width:28px;height:26px;font-size:16px}.chat-compose textarea{resize:none;border:0;outline:0;flex:1;min-height:0;padding:7px;font-size:11px}.chat-send{color:#168743;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:3px;align-self:flex-end;padding:7px 22px;font-size:10px}.chat-send:hover{color:#fff;background:#12964b}@media (width<=800px){.chat-button{justify-content:center;width:38px;padding:0;font-size:0}.chat-button>span{font-size:17px}.chat-panel{grid-template-columns:220px minmax(0,1fr);width:calc(100vw - 20px);height:calc(100vh - 72px);top:62px;right:10px}}@media (width<=560px){.chat-panel{grid-template-columns:1fr}.chat-main{display:none}.chat-sidebar{border-right:0}}.chat-panel{z-index:220;width:min(920px,100vw - 248px);height:min(680px,100vh - 108px);top:88px;left:auto;right:24px;transform:none}@media (width<=800px){.chat-panel{width:auto;height:calc(100vh - 90px);top:80px;left:10px;right:10px;transform:none}}