:root{font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,Arial,sans-serif;color:#071b4d;background:#fff;font-synthesis:none;--navy: #071b4d;--accent: #0667e8;--cyan: #008eb4;--border: #d9e2ef;--muted: #59708f;--surface: #fff;--surface-subtle: #f7faff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f7fc}button,input,select{font:inherit}.app-shell{min-height:100vh;background:#f4f7fc}.topbar{height:62px;display:flex;align-items:stretch;gap:58px;padding:0 28px;border-bottom:1px solid var(--border);background:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.brand svg{color:var(--accent);width:24px;height:24px}.topbar nav{display:flex;align-items:stretch;gap:34px}.topbar a{position:relative;display:flex;align-items:center;padding:0 4px;color:var(--navy);text-decoration:none;font-size:15px}.topbar a.active{color:var(--accent);font-weight:600}.topbar a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent)}.page{padding:12px 18px;max-width:none;margin:0 auto}h1,h2{margin:0;color:var(--navy);letter-spacing:-.4px}h1{font-size:24px;line-height:1.25}h2{font-size:20px}.panel{border:1px solid var(--border);border-radius:5px;background:var(--surface);box-shadow:0 1px 4px #0c2a5906}.create-panel{padding:18px 20px 20px}.range-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px;gap:14px;align-items:end;margin-top:12px}.range-form button{height:36px;background:linear-gradient(90deg,#0071b7,#008bab);border:0;font-size:14px;font-weight:600}.helper{margin:8px 0 0;color:var(--muted);font-size:12px}.form-error{margin:10px 0 0;color:#c82e2e;font-size:13px}.form-success{margin:10px 0 0;color:#087b42;font-size:13px}.history-panel{margin-top:12px;padding:16px 16px 10px}.history-panel h2{margin:0 0 12px}.task-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 82px 92px;column-gap:18px;row-gap:12px;align-items:end;margin:0 0 10px}.task-filters>button{height:34px}.table-scroll{position:relative;overflow-x:auto;border:1px solid var(--border);border-radius:4px}.data-table{width:100%;border-collapse:separate;border-spacing:0;color:#102758;font-size:12px;white-space:nowrap}.data-table th{background:#f9fbfe;color:#0e2758;font-weight:650}.data-table th,.data-table td{padding:7px 9px;border-right:1px solid #e4eaf2;border-bottom:1px solid #e4eaf2;text-align:left;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table th:last-child,.data-table td:last-child{border-right:0}.data-table tbody tr:hover td{background-color:#f8fbff}.task-table{min-width:1320px}.task-table td small{display:block;margin-top:4px;color:var(--muted)}.status{display:inline-flex;padding:3px 8px;border-radius:3px;font-weight:600}.status-queued{color:#b65000;background:#fff1df}.status-running,.status-stop_requested{color:#075fd1;background:#eaf3ff}.status-completed{color:#087b42;background:#e9f8ef}.status-failed,.status-authorization_error{color:#c83232;background:#fff0ef}.status-stopped{color:#53657e;background:#eff2f6}.progress-track{display:block;width:145px;height:4px;margin-top:5px;overflow:hidden;background:#e9edf3;border-radius:5px}.progress-track span{display:block;height:100%;background:var(--accent);border-radius:inherit}.no-action{display:block;text-align:center;color:#8290a5}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:44px;color:var(--muted);font-size:13px}.pagination-leading{display:flex;align-items:center;gap:18px;margin-right:auto;min-width:0}.pagination-summary{color:#0e2758;font-weight:650;white-space:nowrap}.pagination [role=combobox]{min-width:112px}.data-state{display:flex;min-height:130px;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.error-state{color:#c83232}.reports-page>h1{margin:0 0 10px}.filter-panel{padding:12px 14px}.report-filters{display:grid;grid-template-columns:repeat(9,minmax(0,1fr)) auto;column-gap:18px;row-gap:12px;align-items:end}.report-filters>*{min-width:0}.filter-actions{display:flex;gap:8px;padding-bottom:1px}.report-section{margin-top:12px;padding:10px 12px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:8px}.section-heading>div{display:flex;align-items:center;gap:18px}.section-heading span{color:var(--muted);font-size:13px}.report-scroll{max-height:350px}.report-table{min-width:1900px}.report-table th,.report-table td{padding:6px 8px}.plan-linked-bl{color:#bd2d2d;font-weight:700}.bl-detail-trigger{padding:0;border:0;background:transparent;color:var(--accent);font:inherit;font-weight:650;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.bl-detail-trigger:hover,.bl-detail-trigger:focus-visible{color:#004fae;outline:none}.bl-detail-trigger:focus-visible{box-shadow:0 0 0 2px #8abcf8;border-radius:2px}.report-table .key-field{background:#fff8e6;border-color:#ecd69e}.report-table th.key-field{background:#fbecc5;color:#4f3a0e}.report-table tbody tr:hover td.key-field{background:#fff0c9}.report-table td.total_containers{color:#4f3a0e;font-weight:700}.sort-button{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;color:inherit;font-size:12px;font-weight:inherit;cursor:pointer;white-space:nowrap}.sort-button svg{width:13px;color:#77879c}.sort-priority{display:inline-grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#e4efff;color:#0667e8;font-size:10px}.sticky-select,.sticky-key{position:sticky;z-index:2;background:#fff}th.sticky-select,th.sticky-key{z-index:4;background:#f9fbfe}.sticky-select{left:0;min-width:42px;width:42px}.first-key{left:42px;min-width:88px}.second-key{left:130px;min-width:130px}.third-key{left:260px;min-width:120px;box-shadow:4px 0 6px #0d29520d}.first-key.without-select{left:0}.weekly-origin,.weekly-destination{width:150px;min-width:150px;max-width:150px;white-space:normal;line-height:1.3}.origin,.destination{max-width:220px;overflow:hidden;text-overflow:ellipsis}.weekly-section{padding-bottom:0}.weekly-section h2{margin:0 0 8px}.weekly-section .table-scroll{max-height:360px}.weekly-section .report-table{min-width:1120px}.shipment-detail-dialog{width:min(1240px,calc(100vw - 64px));max-width:none;max-height:min(920px,calc(100vh - 32px))}.shipment-detail-dialog [role=dialog]{max-height:inherit}.shipment-detail-dialog .fui-DialogBody__content{overflow-y:auto;padding-right:2px}.shipment-detail-loading{min-height:220px;display:grid;place-items:center}.shipment-detail-content{display:grid;gap:12px}.shipment-summary-card{display:grid;grid-template-columns:58px minmax(140px,.72fr) minmax(240px,1.2fr) minmax(240px,1.2fr) minmax(170px,.86fr);overflow:hidden;border:1px solid #cfd9e6;border-radius:6px;background:#fff}.shipment-summary-icon{display:grid;place-items:center;background:#1aa5c5;color:#fff}.shipment-summary-icon svg{width:25px;height:25px}.shipment-summary-field,.shipment-summary-update{display:grid;align-content:center;gap:4px;min-height:96px;padding:15px 18px;border-right:1px solid #e0e7f0;min-width:0}.shipment-summary-update{border-right:0}.shipment-summary-field span,.shipment-summary-update span,.detail-meta-label{color:#526982;font-size:12px}.shipment-summary-field strong{overflow:hidden;color:#0e2758;font-size:17px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.shipment-summary-field small,.shipment-summary-update strong{color:#304767;font-size:12px;line-height:1.45}.shipment-detail-context{display:flex;gap:18px;padding:0 2px;color:#526982;font-size:12px}.shipment-container-list{display:grid;gap:12px}.shipment-container-card{overflow:hidden;border:1px solid #d5dfeb;border-radius:6px;background:#fff}.shipment-container-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;border-bottom:1px solid #dbe4ef;background:#f8fbfe}.shipment-container-header>div:first-child{display:flex;align-items:baseline;gap:10px}.shipment-container-header strong{color:#0c285b;font-size:14px}.shipment-container-header span{color:#526982;font-size:12px}.container-header-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.container-header-actions>span{color:#526982;font-size:12px}.shipment-container-overview{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(260px,1.4fr) minmax(160px,.75fr)}.shipment-container-overview>div{display:grid;gap:4px;align-content:start;min-height:66px;padding:10px 12px;border-right:1px solid #e1e8f0}.shipment-container-overview>div:last-child{border-right:0}.detail-meta-label{display:flex;align-items:center;gap:5px}.detail-meta-label svg{width:16px;height:16px}.shipment-container-overview strong{color:#0f2a5c;font-size:13px}.shipment-container-overview small{color:#526982;font-size:12px}.shipment-timeline{padding:10px 12px 14px;border-top:1px solid #dbe4ef}.shipment-timeline>p{margin:0 0 8px;color:#657890;font-size:12px}.shipment-event{display:grid;grid-template-columns:minmax(180px,38%) 24px minmax(220px,1fr);min-height:63px}.event-location{display:grid;align-content:center;justify-items:end;gap:3px;padding:8px 10px 8px 0;text-align:right}.event-location strong,.event-content strong{color:#0e2758;font-size:13px}.event-location span,.event-content span,.event-content time{color:#4f6685;font-size:12px}.event-marker{position:relative;border-left:1px solid #53a9d3}.event-marker:before{content:"";position:absolute;top:22px;left:-5px;width:9px;height:9px;border:2px solid #1599c5;border-radius:50%;background:#fff}.shipment-event:last-child .event-marker:after{content:"";position:absolute;top:33px;bottom:0;left:-1px;width:1px;background:#fff}.event-content{display:grid;align-content:center;gap:3px;padding:8px 0 8px 12px;border-bottom:1px solid #e1e7ef}.shipment-event:last-child .event-content{border-bottom:0}.timeline-empty{margin:0;padding:8px 0;color:#657890}.shipment-detail-empty{padding:24px;border:1px dashed #cbd7e5;border-radius:5px;color:#657890;text-align:center}.app-version{align-self:center;margin-left:auto;color:#6a7c94;font-family:Consolas,SFMono-Regular,monospace;font-size:12px;white-space:nowrap}@media(max-width:1200px){.task-filters{grid-template-columns:repeat(3,1fr)}.report-filters{grid-template-columns:repeat(5,1fr)}}@media(min-width:768px)and (max-width:1023px){.shipment-summary-card{grid-template-columns:58px minmax(180px,.8fr) minmax(220px,1.1fr) minmax(220px,1.1fr)}.shipment-summary-icon{grid-row:span 2}.shipment-summary-update{grid-column:span 3;border-top:1px solid #e0e7f0}.shipment-summary-field:nth-child(4){border-right:0}}@media(max-width:767px){.topbar{height:auto;min-height:58px;padding:0 14px;gap:18px;flex-wrap:wrap}.brand{font-size:18px}.topbar nav{gap:16px;min-height:48px}.app-version{margin-left:auto}.page{padding:12px}.create-panel,.history-panel{padding:18px 14px}.range-form,.task-filters,.report-filters{grid-template-columns:1fr;gap:12px}.range-form button{width:100%}.filter-actions{display:grid;grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;gap:12px}.section-heading>div{display:block}.section-heading span{display:block;margin-top:6px}.pagination{flex-wrap:wrap;justify-content:center}.pagination-leading{width:100%;margin:0;justify-content:center;flex-wrap:wrap}.shipment-detail-dialog{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)}.shipment-summary-card{grid-template-columns:42px 1fr 1fr}.shipment-summary-icon{grid-row:span 2}.shipment-summary-field,.shipment-summary-update{min-height:84px;padding:12px}.shipment-summary-update{grid-column:span 2;border-top:1px solid #e0e7f0}.shipment-summary-field:nth-child(3){border-right:0}.shipment-container-header{align-items:flex-start;flex-direction:column;gap:6px}.container-header-actions{width:100%;justify-content:space-between}.shipment-container-overview{grid-template-columns:1fr}.shipment-container-overview>div{min-height:0;border-right:0;border-bottom:1px solid #e1e8f0}.shipment-container-overview>div:last-child{border-bottom:0}.shipment-event{grid-template-columns:minmax(100px,38%) 20px minmax(0,1fr)}.event-location{padding-right:7px}.shipment-timeline{padding-left:8px;padding-right:8px}}@media(prefers-reduced-motion:no-preference){.topbar a:after,button{transition:color .14s ease,background-color .14s ease,opacity .14s ease}}