.ops-app{--ops-ink: #1d2b43;--ops-blue: #3f66c5;min-height:100vh;background:#f4f6fa;color:var(--ops-ink);font-family:Inter,system-ui,sans-serif}.ops-app *{box-sizing:border-box}.ops-app button{cursor:pointer}.ops-app button:disabled{cursor:default}.ops-app button:focus-visible,.ops-app a:focus-visible,.ops-app input:focus-visible{outline:3px solid #789df3;outline-offset:3px}.ops-topbar{height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 clamp(20px,3vw,48px);border-bottom:1px solid #e4e9f0;background:#fff}.ops-back{color:#61718b;font-size:12px;font-weight:700;text-decoration:none}.ops-back:hover{color:#3158b0}.ops-brand{display:flex;align-items:center;gap:8px;color:#1b304f;font-size:17px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}.ops-brand b{color:#6482c5;font-weight:600}.ops-brand-mark{width:34px;height:34px;display:grid;place-items:center;margin-right:3px;border-radius:9px;background:#e8eefc;color:#4269c6}.ops-demo-label{justify-self:end;display:flex;align-items:center;gap:10px;color:#8490a5;font-size:10px;font-weight:800;letter-spacing:.1em}.ops-demo-label i,.ops-scene-status i,.ops-scene-overlay i,.ops-scene-caption i{width:7px;height:7px;display:inline-block;flex:0 0 auto;border-radius:50%;background:#54bf8d;box-shadow:0 0 0 4px #54bf8d24}.ops-shell{display:grid;grid-template-columns:minmax(264px,320px) minmax(0,1fr);min-height:calc(100vh - 70px)}.ops-sidebar{display:flex;flex-direction:column;min-width:0;padding:34px 20px 24px;background:#17263d;color:#fff}.ops-sidebar-intro{padding:7px 10px 33px}.ops-eyebrow{color:#7c9bdf;font-size:10px;font-weight:800;letter-spacing:.16em}.ops-sidebar-intro h1{margin:18px 0 15px;color:#fff;font-size:clamp(33px,3vw,48px);font-weight:720;line-height:1.04;letter-spacing:-.065em}.ops-sidebar-intro h1 em{color:#8fb0f5;font-style:normal}.ops-sidebar-intro p{max-width:250px;margin:0;color:#a4b5d0;font-size:12px;line-height:1.65}.ops-sidebar-section{border-top:1px solid #ffffff1d;padding:20px 2px 0}.ops-section-heading{display:flex;justify-content:space-between;margin:0 8px 15px;color:#9eafc8;font-size:10px;font-weight:800;letter-spacing:.14em}.ops-section-heading strong{color:#d7e4fd;font-size:11px}.ops-search{height:40px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #536989;border-radius:7px;color:#93acd5}.ops-search:focus-within{border-color:#9ab7f6}.ops-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:11px}.ops-search input::-moz-placeholder{color:#8799b4}.ops-search input::placeholder{color:#8799b4}.ops-sidebar-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:13px 0 9px;padding:3px;border-radius:7px;background:#223550}.ops-sidebar-filters button{min-height:30px;border:0;border-radius:5px;color:#9eafc8;font-size:10px;font-weight:700}.ops-sidebar-filters button.is-active{background:#3d5f9f;color:#fff}.ops-shipment-list{display:grid;gap:5px}.ops-shipment{min-width:0;display:flex;align-items:center;gap:11px;width:100%;padding:13px 10px;border:1px solid transparent;border-radius:8px;color:#b8c9df;text-align:left}.ops-shipment:hover{background:#263b58}.ops-shipment.is-selected{border-color:#5476b2;background:#2c4670;color:#fff;box-shadow:inset 3px 0 #8db1ff}.ops-shipment>span:nth-child(2){min-width:0;flex:1}.ops-shipment strong,.ops-shipment small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-shipment strong{font-size:11px;font-weight:800}.ops-shipment small{margin-top:4px;color:#91a7c6;font-size:10px}.ops-shipment.is-selected small{color:#bcd0f0}.ops-shipment-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#8ba0bd}.ops-shipment-dot[data-stage="1"]{background:#edb95a}.ops-shipment-dot[data-stage="2"]{background:#6da1f2}.ops-shipment-dot[data-stage="3"]{background:#65caa0}.ops-empty{padding:14px 8px;color:#aebbd0;font-size:11px;line-height:1.5}.ops-sidebar-foot{margin-top:auto;padding:36px 10px 0}.ops-sidebar-foot span{color:#7f9bd0;font-size:9px;font-weight:800;letter-spacing:.12em}.ops-sidebar-foot p{max-width:250px;margin:7px 0 0;color:#768aa9;font-size:10px;line-height:1.5}.ops-main{min-width:0;max-width:1600px;width:100%;padding:36px clamp(20px,3.5vw,58px) 28px}.ops-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.ops-heading h2{margin:8px 0 5px;color:#182943;font-size:clamp(30px,3vw,44px);font-weight:750;letter-spacing:-.06em}.ops-heading p{margin:0;color:#8390a2;font-size:12px}.ops-reset{min-height:36px;display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:0 13px;border:1px solid #dbe2ed;border-radius:7px;background:#fff;color:#526381;font-size:11px;font-weight:700}.ops-reset:hover{border-color:#9db4e5;color:#315cb8}.ops-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0 16px}.ops-kpis>div{min-width:0;padding:17px 18px;border:1px solid #e3e9f1;border-radius:10px;background:#fff;box-shadow:0 5px 15px #233d6c08}.ops-kpis span,.ops-kpis small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-kpis span{color:#8190a8;font-size:9px;font-weight:850;letter-spacing:.13em}.ops-kpis strong{display:block;margin:7px 0 2px;color:#203856;font-size:29px;font-weight:750;letter-spacing:-.05em}.ops-kpis small{color:#a2adbc;font-size:10px}.ops-scene-card{overflow:hidden;border:1px solid #dae3ef;border-radius:14px;background:#fff;box-shadow:0 15px 35px #2444720c}.ops-scene-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px 11px}.ops-scene-top h3{margin:5px 0 0;color:#203653;font-size:20px;font-weight:750;letter-spacing:-.035em}.ops-scene-status{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border-radius:6px;background:#edf4fd;color:#416391;font-size:10px;font-weight:800;white-space:nowrap}.ops-camera-controls{display:flex;gap:5px;overflow-x:auto;padding:0 22px 14px}.ops-scene-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ops-scene-controls .ops-camera-controls{min-width:0}.ops-scene-toggle{flex:0 0 auto;min-height:29px;margin:0 22px 14px 0;padding:0 10px;border:1px solid #4269b7;border-radius:5px;background:#edf3ff;color:#284d93;font-size:10px;font-weight:800}.ops-scene-toggle:hover{background:#dbe8ff}.ops-camera-controls button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:0 10px;border:1px solid #e1e7ef;border-radius:5px;color:#75849c;font-size:10px;font-weight:750;white-space:nowrap}.ops-camera-controls button.is-active{border-color:#4570cd;background:#456ed1;color:#fff}.ops-scene{position:relative;height:clamp(290px,35vw,535px);overflow:hidden;border-top:1px solid #dfe7f2;border-bottom:1px solid #dfe7f2;background:radial-gradient(circle at 45% 20%,#fff,#e7edf7 70%,#dbe5f3)}.ops-scene-stack{position:relative;height:clamp(290px,35vw,535px)}.ops-scene-stack>.ops-scene{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.ops-scene-stack>.ops-scene-webgl{visibility:hidden;pointer-events:none}.ops-scene-stack>.ops-scene-webgl[data-active=true]{visibility:visible;pointer-events:auto}.ops-scene svg{width:100%;height:100%;display:block}.ops-scene-webgl canvas{width:100%;height:100%;display:block}.ops-scene-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#7086a9;font-size:12px;font-weight:700}.ops-world{transform-origin:50% 55%;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.ops-scene-dock .ops-world{transform:translate(145px,95px) scale(1.4)}.ops-scene-fleet .ops-world{transform:translate(-215px,-65px) scale(1.43)}.ops-selected-marker{animation:ops-pulse 2.5s ease-in-out infinite}.ops-forklift{animation:ops-forklift 6s ease-in-out infinite alternate}.ops-truck-moving{animation:ops-truck 3s ease-in-out infinite alternate}@keyframes ops-pulse{50%{opacity:.45}}@keyframes ops-forklift{to{translate:38px -8px}}@keyframes ops-truck{to{translate:18px -8px}}.ops-scene-overlay{position:absolute;right:18px;top:16px;display:grid;gap:4px;min-width:133px;padding:11px 12px;border:1px solid #d2ddec;border-radius:7px;background:#fffefdef;box-shadow:0 7px 22px #314b7d1c}.ops-scene-overlay span{display:flex;align-items:center;gap:8px;color:#7082a1;font-size:9px;font-weight:800;letter-spacing:.09em}.ops-scene-overlay strong{color:#2d4d85;font-size:11px}.ops-scene-caption{display:flex;justify-content:space-between;gap:15px;padding:12px 18px;color:#9ba8b8;font-size:9px;font-weight:700}.ops-scene-caption span:first-child{display:flex;align-items:center;gap:8px;color:#5272a9}.ops-scene-caption span:last-child{letter-spacing:.08em}.ops-lower{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(275px,.75fr);gap:15px;margin-top:16px}.ops-timeline-card,.ops-dispatch-card{min-width:0;padding:23px;border:1px solid #e2e8f1;border-radius:11px;background:#fff}.ops-card-top{display:flex;justify-content:space-between;gap:15px}.ops-card-top>span:last-child{color:#a2aec0;font-size:10px;font-weight:800}.ops-timeline-card h3,.ops-dispatch-card h3{margin:14px 0 6px;color:#253a56;font-size:19px;font-weight:750;letter-spacing:-.035em}.ops-route{display:flex;align-items:center;gap:5px;margin:0;color:#8c9aab;font-size:11px}.ops-route span{padding:0 3px}.ops-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0 0;padding:0;list-style:none}.ops-timeline li{position:relative;min-width:0;display:flex;flex-direction:column;gap:9px;padding:0 8px 0 0;color:#a7b2c2}.ops-timeline li:not(:last-child):before{content:"";position:absolute;top:12px;left:25px;right:0;height:2px;background:#dce3ee}.ops-timeline li.is-done:not(:last-child):before{background:#5c80cf}.ops-step-icon{position:relative;z-index:1;width:25px;height:25px;display:grid;place-items:center;border:2px solid #d5deeb;border-radius:50%;background:#fff;color:#93a0b4;font-size:9px;font-weight:800}.ops-timeline li.is-done .ops-step-icon{border-color:#4f75ca;background:#4f75ca;color:#fff}.ops-timeline strong,.ops-timeline small{display:block}.ops-timeline strong{color:#61718b;font-size:10px}.ops-timeline small{margin-top:4px;font-size:9px}.ops-dispatch-card{background:#1e3150;color:#fff}.ops-dispatch-card .ops-eyebrow{color:#91b5f5}.ops-dispatch-head{display:flex;align-items:center;gap:9px;margin-top:16px;color:#b7c9e7;font-size:9px;font-weight:800;letter-spacing:.1em}.ops-dispatch-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #7898c856;border-radius:8px;background:#34527d;color:#9bc1ff}.ops-dispatch-card h3{margin-top:14px;color:#fff}.ops-dispatch-card>p{margin:0;color:#a3b7d3;font-size:11px;line-height:1.55}.ops-dispatch-card dl{display:grid;gap:8px;margin:18px 0}.ops-dispatch-card dl div{display:flex;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid #ffffff1b;font-size:10px}.ops-dispatch-card dt{color:#9fb4d0}.ops-dispatch-card dd{margin:0;color:#f3f7ff;font-weight:750;text-align:right}.ops-dispatch-card>button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:38px;border:0;border-radius:6px;background:#6088dd;color:#fff;font-size:11px;font-weight:800}.ops-dispatch-card>button:hover:not(:disabled){background:#789eed}.ops-dispatch-card>button:disabled{background:#466183;color:#b6c7e0}.ops-footer{display:flex;justify-content:space-between;gap:12px;margin-top:19px;color:#98a4b6;font-size:9px;font-weight:800;letter-spacing:.08em}@media (max-width: 1180px){.ops-shell{grid-template-columns:260px minmax(0,1fr)}.ops-main{padding-left:22px;padding-right:22px}.ops-kpis{gap:7px}.ops-kpis>div{padding:14px}.ops-scene-caption span:nth-child(2){display:none}}@media (max-width: 870px){.ops-shell{display:block}.ops-sidebar{padding:18px 20px}.ops-sidebar-intro{padding:0 0 15px}.ops-sidebar-intro h1{margin:7px 0;font-size:31px}.ops-sidebar-intro h1 br,.ops-sidebar-intro p,.ops-sidebar-foot{display:none}.ops-sidebar-section{padding-top:12px}.ops-search{max-width:400px}.ops-shipment-list{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto}.ops-main{padding-top:27px}.ops-lower{grid-template-columns:1fr}}@media (max-width: 590px){.ops-topbar{grid-template-columns:1fr auto;height:58px;padding:0 14px}.ops-back{font-size:10px}.ops-brand{justify-self:end;font-size:14px}.ops-brand-mark{width:29px;height:29px}.ops-demo-label{display:none}.ops-sidebar{padding:15px 14px}.ops-sidebar-intro h1{font-size:28px}.ops-section-heading{margin-top:0}.ops-shipment-list{grid-template-columns:repeat(4,160px)}.ops-main{padding:22px 12px}.ops-heading{align-items:flex-start}.ops-heading h2{font-size:29px}.ops-heading p{max-width:235px;font-size:10px;line-height:1.4}.ops-reset{width:36px;min-width:36px;overflow:hidden;padding:0 10px;white-space:nowrap;font-size:0}.ops-reset svg{flex:0 0 auto}.ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.ops-kpis strong{font-size:24px}.ops-scene-top{padding:15px 14px 10px}.ops-scene-top h3{font-size:17px}.ops-scene-status{font-size:9px}.ops-scene-controls{display:block}.ops-scene-toggle{margin:0 14px 12px}.ops-camera-controls{padding:0 14px 9px}.ops-scene,.ops-scene-stack{height:320px}.ops-scene svg{width:650px;max-width:none;transform:translate(-92px)}.ops-scene-dock .ops-world{transform:translate(120px,80px) scale(1.45)}.ops-scene-fleet .ops-world{transform:translate(-205px,-55px) scale(1.4)}.ops-scene-overlay{top:9px;right:9px;min-width:105px;padding:7px}.ops-scene-overlay span{font-size:7px}.ops-scene-overlay strong{font-size:9px}.ops-scene-caption{padding:11px}.ops-scene-caption span:last-child{display:none}.ops-timeline-card,.ops-dispatch-card{padding:18px}.ops-timeline{grid-template-columns:1fr;gap:0;margin-top:20px}.ops-timeline li{flex-direction:row;align-items:flex-start;gap:11px;min-height:51px}.ops-timeline li:not(:last-child):before{left:12px;top:24px;bottom:0;width:2px;height:auto;right:auto}.ops-timeline li div{padding-top:2px}.ops-footer{flex-direction:column;gap:3px}}@media (prefers-reduced-motion: reduce){.ops-world{transition:none}.ops-selected-marker,.ops-forklift,.ops-truck-moving{animation:none}}.ops-sidebar-intro:after{content:"";display:block;height:96px;margin-top:20px;border-radius:9px;background:linear-gradient(0deg,#17263d44,#17263d05),url(/portfolio-assets/lojistik.webp) center 55%/cover}@media (max-width: 870px){.ops-sidebar-intro:after{height:65px;margin-top:12px}}.ops-demo-label,.ops-heading p,.ops-kpis span,.ops-kpis small,.ops-camera-controls button,.ops-scene-overlay span,.ops-scene-caption,.ops-card-top>span:last-child,.ops-route,.ops-timeline li,.ops-footer{color:#50617c}.ops-main .ops-eyebrow{color:#4563a0}.ops-brand b{color:#3f5d9f}.ops-camera-controls button.is-active{color:#fff}.ops-sidebar-foot p{color:#b0c2de}.ops-timeline li.is-done strong{color:#2e4d80}.ops-dispatch-card>button{background:#315cb2}.ops-dispatch-card>button:hover:not(:disabled){background:#254e9e}.ops-dispatch-card>button:disabled{color:#fff}.ops-step-icon{color:#52647f}.ops-timeline li.is-done .ops-step-icon{border-color:#315cae;background:#315cae}.ops-main .ops-dispatch-card .ops-eyebrow{color:#bcd2ff}@media (max-width: 590px){.ops-sidebar-intro h1 br{display:initial}.ops-scene-caption span:last-child{display:inline;text-align:right}}