@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#162127;font-synthesis:none;background:#edf1f2;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select{font:inherit}main{min-height:100vh}header{background:#fff;border-bottom:1px solid #d9e0e2;align-items:center;gap:35px;height:80px;padding:0 clamp(20px,4vw,64px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brand b{letter-spacing:-.6px;font-size:20px;display:block}.brand span{letter-spacing:1.5px;color:#64747b;font-size:8px;font-weight:700}.mark{background:#f4a600;border-radius:5px;justify-content:center;align-items:flex-end;gap:3px;width:37px;height:37px;padding:8px;display:flex}.mark i{background:#12242a;border-radius:2px;width:4px}.mark i:first-child{height:12px}.mark i:nth-child(2){height:20px}.mark i:nth-child(3){height:16px}.header-title{border-left:1px solid #dce2e4;padding-left:35px}.header-title h1{margin:0 0 4px;font-size:15px}.header-title p{color:#7a898f;margin:0;font-size:11px}.system-pill{letter-spacing:1px;color:#28764c;background:#e8f5ee;border:1px solid #cae7d8;border-radius:4px;margin-left:auto;padding:9px 13px;font-size:10px;font-weight:700}.system-pill i{background:#33a866;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 3px #cdebdc}.system-pill.live i{background:#2d87ae;animation:1s infinite pulse;box-shadow:0 0 0 3px #cce3ee}.progress{background:#f8fafa;border-bottom:1px solid #dce2e4;justify-content:center;align-items:center;height:70px;display:flex}.progress>div{color:#8a979c;letter-spacing:.5px;align-items:center;font-size:10px;display:flex}.progress span{background:#fff;border:1px solid #ccd4d6;border-radius:50%;place-items:center;width:26px;height:26px;margin-right:8px;font-size:10px;display:grid}.progress i{background:#d3dadc;width:clamp(20px,5vw,78px);height:1px;margin:0 14px}.progress .done span{color:#fff;background:#3a9b68;border-color:#3a9b68}.scene-card{background:#fff;border:1px solid #d8dfe1;border-radius:7px;margin:20px clamp(16px,3vw,48px) 0;overflow:hidden;box-shadow:0 2px 8px #14262d0a}.scene-label{letter-spacing:.5px;color:#839096;border-bottom:1px solid #e1e6e8;align-items:center;height:35px;padding:0 18px;font:500 9px DM Mono;display:flex}.scene-label span{color:#394a51;font-weight:700}.scene-label i,footer i{background:#aeb8bc;border-radius:50%;width:3px;height:3px;margin:0 10px}.scene{background:linear-gradient(#eef3f2 0 54%,#d9e0dc 54% 58%,#737d7f 58% 89%,#cad0cc 89%);height:330px;position:relative;overflow:hidden}.skyline{background:linear-gradient(155deg,#0000 45%,#e1e8e5 45%);position:absolute;inset:0 0 42%}.skyline i{background:#d4ddda;position:absolute;bottom:0}.skyline i:first-child{width:12%;height:35%;left:4%}.skyline i:nth-child(2){width:9%;height:22%;left:18%}.skyline i:nth-child(3){width:15%;height:29%;right:19%}.skyline i:nth-child(4){width:12%;height:43%;right:3%}.road{background:linear-gradient(#687275,#778184);height:31%;position:absolute;top:58%;left:0;right:0}.road:before,.road:after{content:"";background:#e9c144;height:3px;position:absolute;left:0;right:0}.road:before{top:8px}.road:after{bottom:7px}.lane{opacity:.55;border-top:2px dashed #dfe5e4;position:absolute;top:62%;left:2%;right:2%}.arrow{color:#cad1d0;font-size:70px;font-weight:200;line-height:1;position:absolute;top:16%;right:2%}.zone{z-index:3;height:51%;position:absolute;top:38%}.zone>span{white-space:nowrap;letter-spacing:1px;color:#68777c;font-size:8px;font-weight:700;position:absolute;top:-27px}.traffic{background:#27383e;border-radius:6px 6px 2px 2px;width:35px;height:102px;padding:8px 7px;position:absolute;bottom:0;box-shadow:0 5px 6px #18262c45}.traffic:after{content:"";background:#28373c;width:46px;height:5px;position:absolute;bottom:-5px;left:-6px}.equipment-label{color:#4e5d62;letter-spacing:1px;font-size:7px;position:absolute;top:-20px;left:-2px}.lamp{background:#1c292e;border-radius:50%;width:20px;height:20px;margin-bottom:8px;box-shadow:inset 0 2px 5px #000}.lamp.red.on{background:#ed4d44;box-shadow:0 0 14px #ef5949,inset 0 2px 3px #fff7}.lamp.green.on{background:#37d078;box-shadow:0 0 14px #37d078,inset 0 2px 3px #fff7}.traffic small{text-align:center;color:#cbd3d5;font-size:6px;font-weight:700;display:block}.gate{width:95px;height:105px;position:absolute;bottom:0}.gate-post{background:#e4a708;border:3px solid #29373b;border-radius:3px;width:27px;height:48px;position:absolute;bottom:0}.gate-post i{background:#f0bc36;border:2px solid #314047;border-radius:50%;width:9px;height:9px;margin:7px auto;display:block}.gate-arm{transform-origin:2px;background:#f7f8f4;border:2px solid #26363b;border-radius:1px;width:107px;height:10px;transition:transform .9s cubic-bezier(.4,0,.2,1);position:absolute;bottom:37px;left:16px}.gate-arm i{background:#d63d34;width:13px;height:7px;margin:0 4px;display:inline-block;transform:skew(-20deg)}.gate-arm.closing,.gate-arm.closed{transform:rotate(0)}.bridge{z-index:2;width:30%;height:74px;position:absolute;top:55%;left:37%}.deck{background:repeating-linear-gradient(90deg,#586469 0 9%,#4b585d 10%);border:4px solid #303c41;height:45px;position:absolute;top:15px;left:8%;right:8%;box-shadow:inset 0 4px #758185,0 7px #3c494e}.deck i{background:#f1ac09;border-radius:50%;width:6px;height:6px;margin-left:12%;display:inline-block;position:relative;top:35px}.hazard{background:repeating-linear-gradient(135deg,#f4b20d 0 6px,#29363a 6px 12px);width:9%;height:47px;position:absolute;top:14px}.hazard.right{right:0}.bridge>span{color:#e2e6e5;font:500 8px DM Mono;position:absolute;top:68px;left:42%}.scale-box{z-index:8;position:absolute;top:10px;left:43%}.weight-display{color:#fff;background:#192a30;border:5px solid #314249;border-radius:6px;width:205px;box-shadow:0 7px 13px #26373d33}.display-head{letter-spacing:1px;background:#26393f;align-items:center;height:30px;padding:0 10px;font-size:7px;display:flex}.display-head i{background:#607176;border-radius:50%;width:8px;height:8px;margin-left:auto}.display-head i.stable{background:#35d074;box-shadow:0 0 8px #35d074}.weight-display strong{text-align:right;color:#ffc22d;padding:10px 14px 3px;font:500 27px DM Mono;display:block}.weight-display strong small{color:#b7c1c4;font-size:11px}.display-state{text-align:right;color:#65d294;letter-spacing:1px;padding:2px 14px 9px;font:500 7px DM Mono}.truck{z-index:6;width:180px;height:104px;transition-property:left;transition-timing-function:cubic-bezier(.45,.05,.15,1);position:absolute;top:47%;transform:translate(-50%)}.truck-tag{color:#fff;background:#19292e;border-radius:2px;padding:3px 7px;font:500 7px DM Mono;position:absolute;top:-4px;left:65px}.tipper{clip-path:polygon(0 0,100% 0,88% 100%,9% 100%);background:#d89704;border-bottom:5px solid #27363b;width:111px;height:54px;position:absolute;top:14px;left:0}.tipper:after{content:"";border-top:2px solid #f3c253;border-bottom:2px solid #9c6f00;position:absolute;inset:6px 9px}.tipper span{background:#a87905;width:2px;height:42px;margin-left:26px;display:inline-block;transform:skew(-9deg)}.cab{clip-path:polygon(0 23%,16% 0,73% 0,100% 27%,100% 100%,0 100%);background:#f0ab0a;width:64px;height:54px;position:absolute;top:22px;right:2px}.window{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);background:#8da4aa;width:30px;height:17px;position:absolute;top:5px;left:13px}.grille{background:#334248;width:8px;height:18px;position:absolute;bottom:8px;right:0}.chassis{background:#26363b;height:8px;position:absolute;bottom:26px;left:13px;right:0}.wheel{background:#8b9698;border:7px solid #29363b;border-radius:50%;width:31px;height:31px;position:absolute;bottom:10px}.wheel i{background:#c7ccca;border-radius:50%;width:9px;height:9px;margin:4px;display:block}.truck.moving .wheel{animation:.55s linear infinite spin}.dashboard{grid-template-columns:1.25fr 1fr .85fr;gap:14px;margin:15px clamp(16px,3vw,48px);display:grid}.status-card,.hardware,.log-card{background:#fff;border:1px solid #d8dfe1;border-radius:7px;min-height:245px}.status-card{padding:20px 22px}.eyebrow,.log-head{letter-spacing:1.3px;color:#89979c;font-size:8px;font-weight:700}.operation{border-bottom:1px solid #e4e8e9;align-items:center;gap:15px;padding:15px 0 20px;display:flex}.op-icon{color:#5f747b;background:#edf3f3;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.operation h2{margin:0 0 6px;font-size:17px}.operation p{color:#7b898e;margin:0;font-size:10px}.controls{align-items:center;gap:9px;padding-top:19px;display:flex}.controls button{cursor:pointer;border:0;border-radius:4px;height:37px;padding:0 18px;font-size:10px;font-weight:700}.primary:disabled{filter:grayscale(.8);opacity:.5;cursor:not-allowed}.secondary{color:#5f6f75;background:#fff!important;border:1px solid #d8dfe1!important}.controls label{color:#819096;text-transform:uppercase;margin-left:auto;font-size:8px;font-weight:700}.controls select{border:1px solid #d6dddf;border-radius:3px;margin-top:5px;padding:5px 18px 5px 7px;font-size:9px;display:block}.hardware{background:linear-gradient(#f9fafa,#f1f4f4);justify-content:center;align-items:flex-start;gap:16px;padding:24px 12px;display:flex}.terminal-unit{width:158px}.monitor{color:#cbd5d8;background:#23343a;border:6px solid #33464c;border-radius:5px;height:165px;overflow:hidden}.monitor-top{background:#14252a;height:22px;padding:5px;font-size:6px}.monitor-top span{color:#17262a;background:#f0aa08;margin-right:4px;padding:3px;font-weight:800}.monitor-top i{float:right;background:#41ce7b;border-radius:50%;width:5px;height:5px;margin:4px}.screen-status{border-bottom:1px solid #3d4e53;height:34px;padding:9px 7px;font-size:7px}.screen-status span{float:right;background:#43cc7a;border-radius:50%;width:5px;height:5px}.record{padding:4px 7px;font:400 6px DM Mono}.record p{justify-content:space-between;margin:3px 0;display:flex}.record p span{color:#7f949a}.record p b{color:#f1b42a}.terminal-wait{place-items:center;height:90px;display:grid}.terminal-wait i{color:#688087;font-size:25px;font-style:normal}.terminal-wait small{color:#74898e;font-size:6px}.stand{border-bottom:5px solid #415258;width:70px;height:10px;margin:auto}.printer-wrap{width:95px;margin-top:64px;position:relative}.printer{z-index:2;text-align:center;color:#54666c;background:#d5dcdd;border:4px solid #aebabc;border-radius:5px;height:65px;padding-top:28px;font-size:6px;position:relative}.printer i{background:#4fce7b;border-radius:50%;width:5px;height:5px;margin-left:7px;display:inline-block}.slot{background:#28393e;height:5px;position:absolute;top:14px;left:10px;right:10px}.ticket{z-index:1;color:#3c4445;background:#fffdf3;border:1px solid #d6d0b6;width:70px;height:0;padding:0 5px;font:400 4.5px/1.5 DM Mono;transition:height 2.3s,transform 2.3s;position:absolute;top:17px;left:13px;overflow:hidden}.ticket strong{font-size:5px;display:block}.ticket.printing,.ticket.printed{height:112px;padding-top:5px;transform:translateY(44px)}.ticket b{display:block}.log-card{padding:18px}.log-head{border-bottom:1px solid #e2e7e8;justify-content:space-between;padding-bottom:12px;display:flex}.log-head span{color:#329a63;font-size:7px}.logs{height:180px;padding-top:7px;overflow:hidden}.logs>div{color:#66777d;grid-template-columns:52px 9px 1fr;align-items:center;min-height:25px;font-size:8px;display:grid}.logs time{color:#9aa5a9;font:400 7px DM Mono}.logs i{background:#cad2d4;border-radius:50%;width:5px;height:5px}.logs .latest{color:#25353a;font-weight:600}.logs .latest i{background:#f1a707;box-shadow:0 0 0 3px #f7e5bc}.logs .empty{color:#9aa5a9;margin-top:15px;font-style:italic;display:block}footer{color:#839398;background:#1d2c31;align-items:center;height:38px;padding:0 clamp(16px,3vw,48px);font-size:8px;display:flex}footer span{color:#19272c;background:#e6a008;margin-right:6px;padding:4px;font-weight:800}footer b{margin-left:auto;font-weight:400}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}.blink{animation:.5s infinite pulse}@media (width<=950px){.dashboard{grid-template-columns:1fr 1fr}.log-card{grid-column:1/-1}.scene{min-width:800px}.scene-card{overflow-x:auto}.header-title,.progress b{display:none}.progress i{width:30px}.truck{width:170px}.scale-box{left:42%}}@media (width<=620px){header{height:65px;padding:0 15px}.brand span{display:none}.system-pill{padding:8px;font-size:8px}.progress{height:54px}.progress i{width:12px;margin:0 6px}.scene-card{margin:12px 10px 0}.scene{height:300px}.dashboard{grid-template-columns:1fr;margin:10px}.log-card{grid-column:auto}.controls{flex-wrap:wrap}.hardware{min-height:260px}footer{padding:0 12px}.status-card{min-height:220px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.anpr{z-index:8;width:38px;height:122px;position:absolute;bottom:5px;left:-94px}.camera-lens{background:#d9dfe0;border:3px solid #293a40;border-radius:4px;width:35px;height:25px;position:absolute;top:0;left:0;transform:rotate(8deg)}.camera-lens:before{content:"";border:6px solid #0000;border-right-color:#293a40;position:absolute;top:4px;left:-8px}.camera-lens i{background:#4f6a73;border:3px solid #17262b;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;right:4px}.camera-mount{background:#33464c;width:4px;height:100px;position:absolute;top:22px;left:15px}.anpr>span{color:#fff;background:#24363c;padding:3px 5px;font:600 6px DM Mono;position:absolute;top:53px;left:-4px}.scan-beam{transform-origin:100%;background:#ef4444;width:80px;height:3px;animation:1s ease-in-out infinite scan;position:absolute;top:13px;left:-65px;transform:rotate(-8deg);box-shadow:0 0 10px #ef4444}.plate-read{white-space:nowrap;background:#fff;border:1px solid #9dabad;border-radius:3px;padding:5px 7px;font:600 7px DM Mono;position:absolute;top:-27px;left:-65px;box-shadow:0 3px 8px #24363c25}.plate-read b{color:#21935a}@keyframes scan{50%{transform:rotate(10deg)}}.dashboard{grid-template-columns:1.15fr .95fr .9fr}.console-card{background:#fff;border:1px solid #cdd5d8;border-radius:7px;grid-column:1/-1;overflow:hidden}.console-title{color:#fff;letter-spacing:.6px;background:#243f61;align-items:center;height:33px;padding:0 14px;font-size:8px;display:flex}.console-title span{color:#a9c6e6;margin-left:auto}.ops-console{color:#1c2830;background:#f7f7f7;min-height:255px;font-family:Arial,sans-serif}.ops-toolbar{color:#27649e;background:#f1f2f2;border-bottom:1px solid #aeb7c1;align-items:center;gap:17px;height:39px;padding:0 13px;font-size:8px;display:flex}.ops-toolbar b{color:#111;margin-right:auto;font-size:16px;font-weight:400}.ops-toolbar span{align-items:center;gap:3px;display:flex}.ops-blue{color:#fff;background:#276aaf;grid-template-columns:1.25fr 120px 1fr;gap:8px;height:104px;padding:7px;display:grid}.ops-blue label,.ops-form label{margin-bottom:4px;font-size:7px;display:block}.message-board{color:#252525;background:#fff;border-top:18px solid #276aaf;padding:5px;position:relative}.message-board label{color:#fff;position:absolute;top:-15px}.message-board p{margin:0;font-size:7px;line-height:1.6}.ops-lights>div{background:#f3f3f3;gap:16px;padding:5px;display:flex}.ops-lights i{background:radial-gradient(circle at 50% 27%,#ef4242 0 6px,#0000 7px),radial-gradient(circle at 50% 73%,#245e37 0 6px,#0000 7px),#263238;border-radius:5px;width:24px;height:41px;display:block}.ops-lights i.green{background:radial-gradient(circle at 50% 27%,#753333 0 6px,#0000 7px),radial-gradient(circle at 50% 73%,#35c96c 0 6px,#0000 7px),#263238}.ops-lights small{color:#fff}.ops-weight{color:#111;background:#fff}.ops-weight label{color:#fff;background:#276aaf;padding-bottom:3px}.ops-weight strong{text-align:right;padding:5px 12px;font:italic 42px Georgia;display:block}.ops-weight small{color:#276aaf;font-size:17px}.ops-form{grid-template-columns:1fr 1fr;gap:16px;padding:8px 14px;display:grid}.rego-field{background:#fff;border:1px solid #7c91a6;min-width:115px;height:28px;padding:5px;font-size:16px;display:inline-block}.rego-field.captured{color:#174b70;background:#edf8ff;border:2px solid #268bca}.load-types{color:#276aaf;font-size:11px}.links>b{font-size:8px}.links p{margin:3px 0;font-size:7px;display:flex}.links p span{width:65px}.links em{color:#444;background:#fff;border:1px solid #cbd1d4;flex:1;padding:3px;font-style:normal}.hardware{gap:22px;min-height:245px;padding:12px}.kiosk{width:160px;position:relative}.kiosk-head{color:#fff;letter-spacing:1px;background:#26383e;border-radius:5px 5px 0 0;height:26px;padding:7px 9px;font-size:7px}.kiosk-head i{float:right;background:#76888e;border-radius:50%;width:6px;height:6px}.kiosk.active .kiosk-head i{background:#3bcd78;box-shadow:0 0 7px #3bcd78}.kiosk-screen{text-align:center;background:#e9f0f1;border:6px solid #35474d;flex-direction:column;height:180px;padding:10px;display:flex}.kiosk-screen>small{color:#718087;font-size:6px}.kiosk-screen h3{margin:7px;font-size:11px}.kiosk-logo{background:#f1a908;border-radius:5px;place-items:center;width:40px;height:40px;margin:24px auto 14px;font-size:17px;font-weight:800;display:grid}.job{text-align:left;border-radius:3px;margin-bottom:5px;display:flex;color:#35464c!important;background:#fff!important;border:1px solid #c6d1d4!important;padding:5px!important;font-size:7px!important}.job.selected{background:#e9f7ef!important;border-color:#309767!important}.job span{margin-left:4px;display:grid}.job b{font-size:8px}.kiosk-data{text-align:left;grid-template-columns:1fr 1fr;gap:3px;margin:3px 0;font-size:6px;display:grid}.kiosk-data strong{color:#258653;grid-column:1/-1}.kiosk-accept{color:#17272c;cursor:pointer;background:#efa707;border:0;border-radius:3px;margin-top:auto;padding:8px 3px;font-size:8px;font-weight:800;box-shadow:0 2px 5px #8b671f55}.kiosk-base{border-bottom:7px solid #3c4e54;width:90px;height:15px;margin:auto}.printer-wrap{margin-top:70px}.kiosk-accept:disabled{color:#6c7b80;box-shadow:none;cursor:not-allowed;background:#b8c2c4}@media (width<=950px){.dashboard{grid-template-columns:1fr 1fr}.console-card{grid-column:1/-1}.ops-toolbar span{display:none}}@media (width<=620px){.console-card{grid-column:auto}.progress i{width:7px;margin:0 3px}.ops-blue{grid-template-columns:1fr 70px}.ops-weight strong{font-size:25px}.ops-form{grid-template-columns:1fr}.ops-toolbar b{font-size:13px}}.workstation-row{grid-template-columns:minmax(245px,.42fr) minmax(620px,1.58fr);align-items:stretch}.workstation-row .console-card{grid-column:auto;max-width:750px}.status-card.compact{min-height:0;padding:16px}.compact .operation{padding:12px 0}.compact .operation h2{font-size:14px}.compact .operation p{font-size:9px}.compact .op-icon{flex:0 0 36px;width:36px;height:36px;font-size:16px}.compact .controls{gap:6px;padding-top:12px}.compact .controls button{height:33px;padding:0 11px}.compact .controls label{margin-left:0}.site-printer{z-index:9;text-align:center;width:105px;position:absolute;top:28px;left:80%}.site-printer>span{letter-spacing:1px;color:#52646a;font-size:7px;font-weight:700}.site-printer .printer-wrap{margin-top:7px}.site-printer .printer{height:55px}.site-printer .ticket{left:13px}.registration-row{align-items:center;gap:8px;display:flex}.workstation-accept{color:#fff;cursor:pointer;background:#87b1d9;border:0;border-radius:3px;height:28px;padding:0 13px;font-size:8px;font-weight:700;box-shadow:0 1px 3px #315b7c55}.workstation-accept:not(:disabled){background:#2e8fce}.workstation-accept:disabled{opacity:.55;cursor:not-allowed}.links select{color:#333;background:#fff;border:1px solid #9cadb9;flex:1;padding:3px;font-size:7px}.links select:disabled{color:#8a969a;background:#f3f4f4}@media (width<=1050px){.workstation-row{grid-template-columns:1fr}.workstation-row .console-card{grid-column:auto;max-width:none}.status-card.compact{min-height:190px}.site-printer{left:76%}}@media (width<=620px){.workstation-row{grid-template-columns:1fr}.site-printer{left:72%}.registration-row{flex-direction:column;align-items:flex-start}.workstation-accept{width:115px}.ops-blue{height:112px}}.branded-logo{min-width:150px;height:68px}.branded-logo img{object-fit:contain;width:auto;height:64px;display:block}.truck-brand{z-index:3;background:#fff;border:2px solid #24353a;border-radius:2px;place-items:center;width:76px;height:38px;margin:0;display:grid;position:absolute;top:9px;left:13px;overflow:hidden;transform:none}.truck-brand img{object-fit:contain;width:73px;height:37px;display:block}.cab-brand{color:#17272d;letter-spacing:-.2px;font:800 5px/1 Inter;position:absolute;bottom:5px;left:8px}.cab-brand b{color:#b92028;font-size:6px}@media (width<=620px){.branded-logo{min-width:105px;height:56px}.branded-logo img{height:53px}}:root{color:#172638;background:#e7edf3}body{background:#e7edf3}header{background:#f7f8fa;border-bottom-color:#aebdca;box-shadow:0 2px 8px #1e4f7b14}.header-title{border-left-color:#b8c6d2}.header-title h1{color:#173e65}.header-title p{color:#627b91}.system-pill{color:#235f94;background:#e7f0f8;border-color:#b9d0e4}.system-pill i{background:#2b6eaa;box-shadow:0 0 0 3px #c9deef}.system-pill.live{color:#1e5e96;background:#dceafa;border-color:#a9c9e4}.system-pill.live i{background:#276aaf;box-shadow:0 0 0 3px #bad6ec}.progress{background:#f5f7f9;border-bottom-color:#c6d1da}.progress span{color:#587087;border-color:#b9c7d2}.progress i{background:#bdcad4}.progress .active{color:#174f80}.progress .active span{color:#fff;background:#276aaf;border-color:#276aaf;box-shadow:0 0 0 4px #d4e4f2}.progress .done{color:#276aaf}.progress .done span{background:#276aaf;border-color:#276aaf}.scene-card,.status-card,.hardware,.log-card,.console-card{border-color:#b8c6d1;box-shadow:0 3px 12px #173f6220}.scene-label{color:#73889a;background:#f6f8fa;border-bottom-color:#c7d2db}.scene-label span{color:#255d8d}.scene{background:linear-gradient(#e8f0f5 0 54%,#c9d5dc 54% 58%,#687a86 58% 89%,#bfcbd2 89%)}.skyline i{background:#cfdae1}.skyline{background:linear-gradient(155deg,#0000 45%,#dce6ec 45%)}.road{background:linear-gradient(#5c6f7a,#6a7d87)}.weight-display{background:#123d63;border-color:#276aaf;box-shadow:0 7px 16px #113b5c45}.display-head{background:#276aaf}.weight-display strong{color:#fff}.display-state{color:#9ad8ff}.display-head i{background:#8ea8bb}.display-head i.stable{background:#3fd27d}.tipper{background:#276aaf}.tipper:after{border-color:#70a5d1}.tipper span{background:#1b5688}.cab{background:#327ab7}.cab-brand,.cab-brand b{color:#fff}.gate-post{background:#2e70a8;border-color:#173c5c}.gate-post i{background:#8fc0e6;border-color:#173c5c}.status-card{background:#f9fafb}.eyebrow{color:#276aaf}.operation{border-bottom-color:#cdd7df}.operation h2{color:#183d5d}.op-icon{color:#276aaf;background:#dceaf5}.stage-2,.stage-3,.stage-4{color:#276aaf;background:#d5e7f5}.stage-5{color:#287c53;background:#dceee5}.primary{color:#fff;background:#276aaf;box-shadow:0 2px 6px #174d7940}.secondary{color:#315b7d;border-color:#aebfcd!important}.controls select{color:#285a82;border-color:#adc0cf}.walkthrough{background:#eef3f7;border-color:#c6d3dd}.walkthrough>b{color:#276aaf}.walkthrough>div span{color:#537086;background:#d8e2e9}.console-title{background:#276aaf}.attention:after{border-color:#2c87cb}.action-guide small,.job-guide>small{background:#174d78}.site-printer>span{color:#245d8b}.printer{color:#315b78;background:#dbe5ec;border-color:#7f9caf}.printer i{background:#2d8fc9}.kiosk-accept,.workstation-accept:not(:disabled){background:#276aaf}.truck-tag{background:#16476f}.bridge>span{color:#e9f3f9}footer{color:#aac0d2;background:#173f60}footer span{color:#276aaf;background:#fff}.branded-logo{background:#fff;border-radius:4px;padding:2px 8px}.walkthrough{background:#f5f7f7;border:1px solid #e0e5e6;border-radius:4px;margin-top:12px;padding:10px}.walkthrough>b{letter-spacing:1px;color:#849298;margin-bottom:7px;font-size:7px;display:block}.walkthrough>div{color:#8b979b;align-items:center;gap:6px;margin:5px 0;font-size:8px;display:flex}.walkthrough>div span{background:#e2e7e8;border-radius:50%;place-items:center;width:16px;height:16px;font-size:7px;font-weight:700;display:grid}.walkthrough>div.done{color:#34815a}.walkthrough>div.done span{color:#34815a;background:#dcefe4}.walkthrough>div.current{color:#283a40;font-weight:700}.walkthrough>div.current span{color:#17262b;background:#f3aa06}.action-guide{position:relative}.action-guide small,.job-guide>small{color:#fff;white-space:nowrap;z-index:5;background:#172a31;border-radius:3px;padding:5px 7px;font-size:7px;font-weight:700;position:absolute;box-shadow:0 3px 8px #17262b45}.action-guide small{top:34px;left:0}.job-guide{position:relative}.job-guide>small{top:-25px;right:0}.attention:after{content:"";pointer-events:none;border:2px solid #f2aa08;border-radius:5px;animation:1.15s ease-in-out infinite attentionPulse;position:absolute;inset:-5px}.job-guide.attention:after{inset:-4px}.action-guide.attention .workstation-accept,.job-guide.attention select{box-shadow:0 0 0 4px #f2aa0835,0 0 15px #f2aa0866}@keyframes attentionPulse{50%{opacity:.25;transform:scale(1.035)}}.scene{background:linear-gradient(#e8f0f5 0 59%,#c9d5dc 59% 63%,#687a86 63% 87%,#bfcbd2 87%);height:275px}.skyline{inset:0 0 37%}.road{height:24%;top:63%}.bridge{width:26%;height:58px;top:60%;left:39%}.deck{height:35px;top:12px}.deck i{top:25px}.hazard{height:37px;top:11px}.bridge>span{top:53px}.zone{height:47%;top:40%}.truck{width:152px;height:91px;top:52%}.tipper{width:94px;height:47px}.cab{width:55px;height:48px}.chassis{bottom:24px}.wheel{border-width:6px;width:27px;height:27px;bottom:9px}.wheel i{width:7px;height:7px;margin:4px}.w1{left:18px}.w2{left:76px}.w3{right:8px}.truck-tag{top:-5px;left:54px}.truck-brand{width:67px;height:33px;top:7px;left:10px}.truck-brand img{width:64px;height:31px}.scale-box{transform-origin:0 0;top:7px;left:43%;transform:scale(.88)}.site-printer{transform-origin:0 0;top:18px;transform:scale(.88)}.anpr{bottom:0}.traffic{transform-origin:bottom;transform:scale(.9)}.gate{transform-origin:0 100%;transform:scale(.9)}.exit-zone .gate{transform-origin:100% 100%}@media (width<=620px){.scene{height:265px}.truck{width:148px}.scale-box,.site-printer{transform:scale(.82)}}.workstation-row{background:linear-gradient(#d9e2e8 0,#edf2f5 72%,#c4d0d7 72%,#afbec7 100%);border:1px solid #b4c2cc;border-radius:8px;padding:18px 18px 38px;box-shadow:inset 0 1px #fff}.workstation-row .console-card{background:#26383f;border:11px solid #26383f;border-bottom-width:25px;border-radius:11px;position:relative;overflow:visible;box-shadow:0 12px 24px #19374935,inset 0 0 0 1px #596b72}.workstation-row .console-card:before{content:"";z-index:6;background:#0d171b;border:2px solid #506168;border-radius:50%;width:5px;height:5px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.workstation-row .console-card:after{content:"";clip-path:polygon(34% 0,66% 0,71% 72%,100% 72%,100% 100%,0 100%,0 72%,29% 72%);filter:drop-shadow(0 5px 3px #263b4628);background:linear-gradient(90deg,#0000 0 29%,#596970 29% 71%,#0000 71%),linear-gradient(#0000 0 72%,#43545b 72%);width:150px;height:26px;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}.workstation-row .console-title{border-radius:2px 2px 0 0;position:relative}.workstation-row .ops-console{border-radius:0 0 2px 2px}@media (width<=620px){.workstation-row{padding:10px 8px 34px}.workstation-row .console-card{border-width:7px 7px 20px}.workstation-row .console-card:after{width:115px;bottom:-43px}}@media (width>=1400px){header,.progress,.scene-card,.dashboard,footer{max-width:1680px;margin-left:auto;margin-right:auto}header{padding-left:28px;padding-right:28px}.scene-card{margin-top:24px}.dashboard{margin-top:18px;margin-bottom:18px}.scene{height:318px}.workstation-row{grid-template-columns:360px minmax(0,750px);justify-content:center}.status-card.compact{padding:18px}.compact .operation h2{font-size:16px}.ops-console{min-height:285px}.ops-blue{grid-template-columns:minmax(280px,1fr) 95px minmax(210px,.8fr)}}@media (width>=1800px){header,.progress,.scene-card,.dashboard,footer{max-width:1720px}.scene{height:330px}.scale-box{left:44%}.site-printer{left:82%}}.entry-zone{left:34%}.exit-zone{left:68%}.entry-zone .traffic{left:-42px}.exit-zone .traffic{left:54px}.anpr{left:-72px}.gate{width:52px}.entry-zone .gate{left:8px}.exit-zone .gate{left:18px}.gate-arm{transform-origin:50% 100%;flex-direction:column;justify-content:space-around;width:13px;height:78px;padding:4px 0;transition:transform .9s cubic-bezier(.4,0,.2,1);display:flex;bottom:44px;left:8px}.gate-arm i{width:8px;height:10px;margin:0 auto;display:block;transform:skewY(-18deg)}.gate-arm.closed,.gate-arm.closing{transform:rotate(0)}.gate-arm.open,.gate-arm.opening{transform:rotate(-18deg)}.exit-zone .gate-arm{transform-origin:50% 100%;left:8px}.exit-zone .gate-arm.closed,.exit-zone .gate-arm.closing{transform:rotate(0)}.exit-zone .gate-arm.open,.exit-zone .gate-arm.opening{transform:rotate(18deg)}[data-simulator-state=ENTRY_LIGHT_GREEN] .entry-zone .gate-arm i,[data-simulator-state=ENTRY_GATE_OPENING] .entry-zone .gate-arm i,[data-simulator-state=ENTRY_GATE_OPEN] .entry-zone .gate-arm i,[data-simulator-state=TRUCK_ENTERING] .entry-zone .gate-arm i,[data-simulator-state=EXIT_LIGHT_GREEN] .exit-zone .gate-arm i,[data-simulator-state=EXIT_GATE_OPENING] .exit-zone .gate-arm i,[data-simulator-state=EXIT_GATE_OPEN] .exit-zone .gate-arm i,[data-simulator-state=TRUCK_EXITING] .exit-zone .gate-arm i{background:#35c96c}.window{overflow:visible}.window-glass{transform-origin:bottom;background:#8da4aa;transition:transform .45s,opacity .35s;position:absolute;inset:0}.driver{z-index:3;opacity:0;width:22px;height:25px;transition:opacity .3s .2s,transform .4s .15s;position:absolute;top:3px;left:8px;transform:translateY(7px)}.driver-head{background:#c98f6c;border:1px solid #704c3b;border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:7px;box-shadow:0 -3px #26373d}.driver-body{background:#efb20b;border-radius:5px 5px 0 0;width:13px;height:15px;position:absolute;top:9px;left:5px}.driver-arm{transform-origin:2px 2px;background:#c98f6c;border:1px solid #704c3b;border-radius:4px;width:5px;height:20px;position:absolute;top:10px;left:14px;transform:rotate(-25deg)}.driver-arm b{background:#c98f6c;border:1px solid #704c3b;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-3px;left:-1px}[data-simulator-state=KIOSK_JOB_SELECTION] .window-glass{opacity:.25;transform:scaleY(.08)}[data-simulator-state=KIOSK_JOB_SELECTION] .driver{opacity:1;transform:translateY(0)}[data-simulator-state=KIOSK_JOB_SELECTION] .driver-arm{animation:.65s ease-in-out infinite alternate driverWave}@keyframes driverWave{0%{transform:rotate(-55deg)}to{transform:rotate(-125deg)}}.anpr{width:34px;height:76px;bottom:0;left:-84px}.camera-lens{background:#cbd4d8;border:2px solid #40545d;border-radius:3px;width:29px;height:17px;top:4px;left:3px;transform:rotate(3deg);box-shadow:0 2px 3px #15262d30}.camera-lens:before{display:none}.camera-lens:after{content:"";background:#17282e;border:2px solid #5d7078;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;right:-5px;box-shadow:inset 0 0 0 2px #223f4c}.camera-lens i{display:none}.camera-mount{background:#3c515a;width:3px;height:54px;top:22px;left:16px}.camera-mount:before{content:"";transform-origin:0;background:#41555d;width:11px;height:3px;position:absolute;top:-5px;left:-1px;transform:rotate(-25deg)}.camera-mount:after{content:"";background:#2f424a;width:14px;height:3px;position:absolute;bottom:0;left:-5px}.anpr>span{background:#276aaf;border-radius:2px;padding:3px 4px;font-size:5px;top:40px;left:0}.scan-beam{width:80px;height:48px;box-shadow:none;clip-path:polygon(0 12%,100% 42%,100% 58%,0 88%);transform-origin:100%;filter:none;background:linear-gradient(90deg,#65b8ef08,#65b8ef3d,#d9f3ff70);animation:1.4s ease-in-out infinite cameraBeam;top:-3px;left:-74px;transform:rotate(2deg)}.plate-read{color:#1f5277;border-color:#69aeda;padding:4px 5px;top:-27px;left:-61px}.anpr.scanning .camera-lens:after{box-shadow:inset 0 0 0 2px #2a5366,0 0 6px #63c6ff}@keyframes cameraBeam{50%{opacity:.45}}