:root{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#243735;background:#fff;font-synthesis:none;font-weight:400;letter-spacing:0;--green:#267e65;--ink:#243735;--muted:#8a9794;--line:#e8edeb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #5bb795;outline-offset:4px}button{border:0;background:none}svg{width:20px;height:20px;flex-shrink:0}button svg{pointer-events:none}button:hover{color:var(--green)}button:disabled{cursor:default}button,select{transition:background .18s,color .18s,box-shadow .18s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.header{height:88px;padding:0 42px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:26px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:49px;height:49px;border-radius:50%;object-fit:cover;border:1px solid #e8e5df}.brand strong{font-size:23px;font-weight:750;display:block;line-height:1.15}.brand-dot{color:var(--green);margin-left:3px}.brand-en{display:block;font-size:8px;color:#88928e;margin-top:7px;font-weight:650}.header-section{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:500}.header-divider{width:1px;height:25px;background:var(--line)}.version{font-size:8px;font-weight:600;color:#a1aba6;border:1px solid var(--line);padding:4px 6px;border-radius:3px}.warehouse-location{display:flex;align-items:center;gap:7px;font-size:12px;color:#6b7b75;margin-left:auto}.warehouse-location svg{width:14px;height:14px}.live-status{display:flex;align-items:center;gap:7px;font-size:11px;background:#edf6f1;border:1px solid #e0eee6;padding:8px 12px;border-radius:5px;color:var(--green);min-width:108px;justify-content:center}.live-dot{width:6px;height:6px;border-radius:50%;background:#379578;display:inline-block;box-shadow:0 0 0 3px #37957812;flex-shrink:0}.live-status.paused .live-dot{background:#a5afa9;box-shadow:none}.live-status.paused{color:#7d8982;background:#f3f5f3;border-color:#e4e9e5}main{max-width:1800px;margin:auto;padding:0 42px}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:32px 0 26px;gap:20px}.eyebrow{font-size:9px;color:#8b9690;font-weight:500;display:flex;gap:12px;align-items:center}.eyebrow span{color:#cbd0cc}h1{font-size:30px;font-weight:650;line-height:1.4;margin:8px 0 0}.heading-period{color:#32876d;margin-left:7px}.overview{display:flex;align-items:center;gap:32px;padding-right:12px}.overview>div{display:flex;flex-direction:column;gap:7px;min-width:57px}.overview strong{font-family:Inter,SF Pro Display,sans-serif;font-weight:550;font-size:25px;font-variant-numeric:tabular-nums;line-height:1}.overview strong>span{color:#aeb7b2;font-size:12px;margin-left:5px;font-weight:400}.overview>div>span{font-size:11px;color:#8b9791}.overview>b{height:30px;width:1px;background:var(--line)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 274px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:480px;height:clamp(480px,58vh,680px)}.scene-area{position:relative;min-width:0;overflow:hidden;background:#f1f5f4}.scene-area:fullscreen{height:100dvh;width:100vw}.scene-area:fullscreen .scene-topline{padding:28px}.scene-area:fullscreen .scene-footer{padding:25px}.scene-area:fullscreen .active-scene-label{left:28px;top:85px}#scene{position:absolute;top:0;right:0;bottom:0;left:0}#scene canvas{display:block;outline:none;touch-action:none}.scene-topline{position:absolute;left:0;right:0;top:0;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.scene-title{font-size:11px;display:flex;align-items:center;gap:8px;color:#6f8278}.scene-title .live-dot{width:5px;height:5px}.scene-id{color:#a2afa7;padding-left:9px;border-left:1px solid #dce4df;margin-left:4px;font-size:9px}.simulation-label{font-size:10px;color:#95a29a}.active-scene-label{position:absolute;top:65px;left:24px;display:flex;align-items:center;gap:11px;pointer-events:none}.active-scene-label>span{font-size:35px;color:#98b7a7;font-weight:300;line-height:1}.active-scene-label>div{border-left:1px solid #d1ddd5;padding-left:12px}.active-scene-label strong{font-size:16px;font-weight:550;display:block}.active-scene-label small{font-size:7px;font-weight:550;color:#82998b;display:block;margin-top:6px}.scene-footer{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}.scene-key{font-size:9px;color:#839289;display:flex;gap:6px;align-items:center}.scene-key>span{height:6px;width:6px;background:#e7b777;border-radius:1px;margin-left:10px}.scene-key>span:first-child{margin-left:0}.scene-key>span:nth-child(2){background:#67a391}.scene-key>span:nth-child(3){background:#729ac2}.view-controls{display:flex;background:#ffffffeb;border:1px solid #e4eae5;border-radius:6px;padding:4px;gap:1px;box-shadow:0 3px 12px #304b3e06;pointer-events:auto}.view-controls button{height:29px;width:30px;display:grid;place-items:center;border-radius:3px;color:#86968c}.view-controls button svg{height:15px;width:15px}.view-controls button:hover,.view-controls button.active{background:#e9f1ec;color:#2f7f60}.control-separator{height:15px;margin:7px 5px;width:1px;background:#e4eae6}#loading,#scene-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f1f5f4;font-size:13px;color:#6d8575;gap:12px;padding:30px;text-align:center}.loading-spinner{width:20px;height:20px;border:2px solid #d3e4d9;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shipment-panel{border-left:1px solid var(--line);padding:25px 24px 16px;display:flex;flex-direction:column;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title h2{font-size:14px;margin:0;font-weight:600}.sample-label{font-size:9px;padding:3px 7px;background:#f2f5f3;color:#96a198;border-radius:3px}.shipment-id{font-family:Inter,sans-serif;font-size:10px;color:#95a198;margin-top:11px;display:flex;justify-content:space-between;align-items:center}.shipment-id svg{width:13px;height:13px;color:#b1b9b2}.route{display:flex;align-items:center;justify-content:space-between;padding:25px 0 21px;border-bottom:1px solid var(--line);gap:5px}.route>div:first-child{min-width:65px}.route small{font-size:9px;color:#9aa69f;display:block;margin-bottom:6px}.route strong{font-size:16px;font-weight:600;white-space:nowrap}.route strong span{font-size:9px;font-weight:400;margin-left:3px;color:#9eaaa1}.airport-code{display:block;font-size:9px;color:#acb5ad;margin-top:6px}.route-arrow{display:flex;align-items:center;flex:1;color:#91a699;padding:0 7px;min-width:20px}.route-arrow span{flex:1;height:1px;background:#ccd8cf}.route-arrow svg{width:17px;height:17px}.shipment-specs{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:19px 0 21px;border-bottom:1px solid var(--line)}.shipment-specs>div:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:2px}.shipment-specs span{display:block;font-size:10px;color:#97a39a;margin-bottom:7px}.shipment-specs strong{font-size:16px;font-weight:550;line-height:1}.shipment-specs small{font-size:10px;font-weight:400;color:#7c8d81}.shipment-specs>div:last-child strong{font-size:11px;font-weight:400}.shipment-specs>div:last-child span{margin:0}.activity-heading{display:flex;align-items:center;justify-content:space-between;margin-top:21px}.activity-heading h3{font-size:12px;font-weight:550;margin:0}.activity-heading>span{font-size:9px;color:#9ba79e}.activity-list{list-style:none;margin:18px 0 0;padding:0;flex:1}.activity-list li{display:flex;gap:11px;position:relative;min-height:81px}.activity-list li:before{content:"";position:absolute;left:12px;top:26px;bottom:0;width:1px;background:#e6ece7}.activity-list li:last-child:before{display:none}.activity-dot{width:25px;height:25px;border-radius:50%;background:#f2f5f3;color:#b1bcb4;display:grid;place-items:center;flex-shrink:0;position:relative;z-index:1}.activity-dot svg{height:12px;width:12px}.activity-list li>div{flex:1;padding-top:4px;min-width:0}.activity-list li>div>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.activity-list strong{font-size:11px;color:#8e9b93;font-weight:500}.activity-list time{font-size:9px;color:#bac3bc;font-variant-numeric:tabular-nums}.activity-list p{font-size:9px;color:#a6afa9;margin:7px 0 5px;line-height:1.6}.activity-status{font-size:8px;color:#b1b9b2}.activity-list li.active .activity-dot{background:#e5f2e9;color:#2d8764;box-shadow:0 0 0 4px #f3f8f4}.activity-list li.active strong{color:#277554}.activity-list li.active .activity-status{color:#308562}.activity-list li.active time,.activity-list li.active p{color:#809087}.activity-list li.done .activity-dot{background:#edf5ef;color:#78a78a}.activity-list li.done strong{color:#688274}.activity-list li.done:before{background:#adccba}.activity-list li.done .activity-status{color:#8bac97}.shipment-bottom{border-top:1px solid var(--line);padding-top:13px;display:flex;gap:6px;align-items:center;justify-content:center;color:#99a79d;font-size:8px;margin-top:10px}.shipment-bottom svg{width:12px;height:12px}.playback{padding:0 0 20px}.journey-tabs{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 26px;gap:24px}.journey-tab{flex:1;display:flex;align-items:center;gap:13px;position:relative;min-width:0;height:99px;text-align:left}.journey-tab:after{position:absolute;content:"";bottom:-1px;height:2px;background:transparent;left:0;right:0}.journey-tab.active:after{background:#368969}.tab-icon{width:41px;height:41px;background:#f3f5f4;border-radius:7px;display:grid;place-items:center;color:#abb8b0;flex-shrink:0}.tab-icon svg{height:21px;width:21px}.tab-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.tab-copy small{font-size:10px;font-weight:550;color:#a0aea4}.tab-copy small>span{font-size:8px;color:#b5bfb8;margin-left:8px;font-weight:400}.tab-copy strong{font-size:15px;font-weight:550;color:#819288;white-space:nowrap}.tab-status{margin-left:auto;font-size:9px;color:#b0bab3;white-space:nowrap}.journey-tab.active .tab-icon{background:#e7f2eb;color:#327f5e}.journey-tab.active .tab-copy strong{color:#315c46}.journey-tab.active .tab-copy small{color:#6c9780}.journey-tab.active .tab-status{color:#528b6c;background:#ecf5ef;padding:5px 8px;border-radius:4px}.journey-tab.done .tab-status{color:#63977b}.journey-tab.done .tab-icon{color:#6e9e82}.step-connector{color:#cbd5cd}.step-connector svg{width:16px;height:16px}.transport{display:flex;align-items:center;gap:15px;padding:24px 24px 0}.play-button{width:37px;height:37px;border-radius:50%;background:#2d7d5f;color:#fff;display:grid;place-items:center;flex-shrink:0}.play-button:hover{color:#fff;background:#226549}.play-button svg{height:17px;width:17px;fill:currentColor;stroke-width:1.5}.icon-button{width:30px;height:30px;display:grid;place-items:center;color:#a2afa5;border-radius:4px;flex-shrink:0}.icon-button svg{height:17px;width:17px}.icon-button:hover{background:#f1f5f2}.icon-button.enabled{color:#3b8765}.time{font-size:10px;font-family:Inter,monospace;font-variant-numeric:tabular-nums;color:#7c8b80;min-width:34px;text-align:center}.duration{color:#a6b0a8}.seek-container{height:25px;position:relative;display:flex;align-items:center;flex:1}.seek-container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:5px;margin:0;background:linear-gradient(to right,#448c6a var(--progress,0%),#e9eeea var(--progress,0%));cursor:pointer;position:relative;z-index:2}.seek-container input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:#3d8865;border:2px solid white;box-shadow:0 0 0 1px #3d88652b;border-radius:50%}.seek-container input::-moz-range-thumb{width:7px;height:7px;background:#3d8865;border:2px solid white;border-radius:50%}.seek-container:before{content:"";position:absolute;left:0;right:0;top:0;height:25px;pointer-events:none}.timeline-tick{position:absolute;width:2px;height:5px;background:#cbd8cd;z-index:3;pointer-events:none;top:10px}.tick-one{left:28.888%}.tick-two{left:64.444%}.speed-select{margin-left:5px;border-left:1px solid var(--line);padding-left:19px}.speed-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f4f6f4;border:1px solid #ecf0eb;border-radius:4px;font-size:10px;color:#708575;padding:6px 8px;cursor:pointer;text-align:center;min-width:45px}.page-footer{padding:16px 42px 22px;border-top:1px solid #f0f3f0;display:flex;justify-content:space-between;color:#a7b1a8;font-size:8px;line-height:1.5;gap:15px;max-width:1884px;margin:auto}.page-footer b{font-weight:400;margin:0 11px;color:#cbd3cb}.footer-right{display:flex;align-items:center;gap:10px;color:#aeb9b1;font-size:7px}.footer-right span{height:3px;width:3px;background:#aeb9b1;border-radius:50%}.scene-area,.shipment-panel{min-height:0}.shipment-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d8e4db transparent}.route{padding-top:17px;padding-bottom:16px}.shipment-specs{gap:10px;padding-top:15px;padding-bottom:15px}.activity-heading{margin-top:17px}.activity-list{margin-top:15px}.activity-list li{min-height:65px}.shipment-bottom{margin-top:3px;padding-top:10px}@media(min-width:1650px){.header{padding:0 max(42px,calc((100vw - 1716px)/2))}.workspace{grid-template-columns:minmax(0,1fr) 300px}.shipment-panel{padding:30px}.activity-list li{min-height:75px}}@media(max-height:870px)and (min-width:901px){.header{height:76px}.page-heading{padding:23px 0 20px}.workspace{min-height:490px;height:calc(100vh - 355px)}.shipment-panel{padding:20px 21px 14px}.route{padding:18px 0}.shipment-specs{padding:16px 0;gap:12px}.activity-heading{margin-top:17px}.activity-list{margin-top:16px}.activity-list li{min-height:70px}.journey-tab{height:87px}.transport{padding-top:18px}.page-footer{padding-top:12px;padding-bottom:12px}}@media(max-width:1100px){.header{padding:0 25px;gap:20px}main{padding:0 25px}.version{display:none}.workspace{grid-template-columns:minmax(0,1fr) 245px}.shipment-panel{padding-left:18px;padding-right:18px}.overview{gap:23px}.journey-tabs{gap:15px;padding:0 10px}.tab-status{display:none}.page-footer{padding-left:25px;padding-right:25px}.scene-key{display:none}.scene-footer{justify-content:flex-end}}@media(max-width:760px){.header{height:75px;padding:0 19px;gap:10px}.brand{gap:9px}.brand img{width:39px;height:39px}.brand strong{font-size:20px}.brand-en{font-size:6px;margin-top:5px}.header-section,.warehouse-location{display:none}.live-status{margin-left:auto;min-width:0;font-size:9px;padding:7px 9px}.live-dot{width:5px;height:5px}main{padding:0 19px}.page-heading{padding:24px 0 21px;align-items:flex-start;gap:12px}.eyebrow{font-size:8px;gap:8px}.eyebrow{display:block}.eyebrow span{margin:0 5px}h1{font-size:25px;margin-top:8px}.heading-period{margin-left:3px}.overview{gap:13px;padding-right:0;padding-top:6px}.overview>div{min-width:0;gap:7px}.overview strong{font-size:22px}.overview strong>span{font-size:9px;margin-left:3px}.overview>div>span{font-size:9px}.overview>b{display:none}.overview>div:nth-last-child(1){display:none}.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.scene-area{height:470px;margin-left:-19px;margin-right:-19px}.scene-topline{padding:19px}.scene-title{font-size:10px}.simulation-label{font-size:9px}.active-scene-label{left:19px;top:58px}.active-scene-label>span{font-size:29px}.active-scene-label strong{font-size:14px}.active-scene-label small{font-size:6px}.scene-footer{padding:15px 19px}.scene-key{display:flex;font-size:8px;gap:4px}.scene-key>span{width:5px;height:5px;margin-left:6px}.view-controls{padding:3px}.view-controls button{width:26px;height:27px}.view-controls button svg{width:14px;height:14px}.control-separator{margin-left:2px;margin-right:2px}.scene-footer{justify-content:space-between}.shipment-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:23px 0 19px;border-left:0;border-top:1px solid var(--line)}.panel-title{grid-column:1/-1;justify-content:flex-start;gap:8px}.panel-title h2{font-size:13px}.shipment-id{grid-column:1/-1;margin-top:8px}.shipment-id svg{display:none}.route{grid-column:1/-1;padding:19px 0 16px;justify-content:flex-start;gap:0}.route>div:first-child{min-width:110px}.route-arrow{max-width:100px;padding-right:20px}.route>div:last-child{margin-left:8px}.route strong{font-size:17px}.route strong span{font-size:10px}.route small{display:none}.airport-code{font-size:8px;margin-top:5px}.shipment-specs{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;padding:17px 0 0;border:0;gap:10px}.shipment-specs>div:last-child{grid-column:auto;display:block;margin:0}.shipment-specs>div:last-child span{margin-bottom:9px}.shipment-specs>div:last-child strong{font-size:12px}.activity-heading,.activity-list,.shipment-bottom{display:none}.journey-tabs{padding:0;gap:5px}.journey-tab{height:90px;gap:8px}.tab-icon{width:30px;height:33px;border-radius:5px}.tab-icon svg{width:17px;height:17px}.tab-copy strong{font-size:12px}.tab-copy small{font-size:9px}.tab-copy small>span{display:none}.tab-copy{gap:5px}.step-connector svg{width:12px;height:12px}.transport{gap:10px;padding:20px 0 0}.play-button{height:33px;width:33px}.icon-button{height:25px;width:25px}.time{font-size:9px;min-width:29px}.speed-select{padding-left:7px;margin:0}.speed-select select{min-width:36px;font-size:9px;padding:5px}.duration{display:none}.page-footer{padding:15px 19px 20px;font-size:7px}.footer-right{display:none}.playback{padding-bottom:20px}}@media(max-width:390px){.eyebrow{font-size:7px}h1{font-size:23px}.overview{gap:8px}.overview>div:nth-child(3){display:none}.scene-area{height:425px}.scene-key{display:none}.scene-footer{justify-content:flex-end}.tab-copy strong{font-size:11px}.journey-tab{gap:6px}.transport{gap:7px}}@media(prefers-reduced-motion:reduce){button,select{transition:none}.loading-spinner{animation:none}}.seek-container input{height:25px;background:transparent}.seek-container input::-webkit-slider-runnable-track{height:3px;border-radius:5px;background:linear-gradient(to right,#448c6a var(--progress,0%),#e9eeea var(--progress,0%))}.seek-container input::-webkit-slider-thumb{margin-top:-3.5px}.seek-container input::-moz-range-track{height:3px;border-radius:5px;background:linear-gradient(to right,#448c6a var(--progress,0%),#e9eeea var(--progress,0%))}@media(max-height:950px)and (min-width:761px){.shipment-bottom{display:none}}@media(max-width:760px){main{display:flex;flex-direction:column}.page-heading{order:1}.workspace{display:contents}.scene-area{order:2;flex-shrink:0}.playback{order:3}.shipment-panel{order:4;overflow:visible}.shipment-bottom{display:none}}