.vsb{position:fixed;top:0;left:0;bottom:0;width:80px;background:#0a0f17;border-right:1px solid hsla(0,0%,100%,.06);z-index:1000;display:flex;flex-direction:column;box-sizing:border-box;font-family:"Inter",sans-serif}.vsb-nav{display:flex;flex-direction:column;padding:14px 0;gap:4px}.vsb-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;margin:0 8px;border-radius:8px;text-decoration:none;color:hsla(0,0%,100%,.65);cursor:pointer;transition:background-color .18s ease,color .18s ease;user-select:none}.vsb-item:hover{background:hsla(0,0%,100%,.04);color:#fff}.vsb-item.is-active{background:rgba(0,229,255,.08);color:#fff}.vsb-item.is-active::before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:22px;background:#00e5ff;border-radius:0 3px 3px 0}.vsb-item.is-active .vsb-icon{color:#00e5ff}.vsb-item.is-active .vsb-label{font-weight:700}.vsb-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:inherit}.vsb-icon svg{width:100%;height:100%}.vsb-label{font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:inherit;line-height:1}.vsb-sep{border:none;border-top:1px solid hsla(0,0%,100%,.06);margin:0 10px 4px}@media(min-resolution: 1.25dppx)and (max-height: 920px){.vsb-nav{padding:9px 0;gap:3px}.vsb-item{padding:7px 5px;gap:3px}.vsb-icon{width:20px;height:20px}.vsb-label{font-size:9px;letter-spacing:.3px}.vsb-item.is-active::before{height:18px}}:root{--pat-bg: #0A0F17;--pat-bg-2: #0e1420;--pat-bg-3: #060a11;--pat-panel-bg: #0e141e;--pat-panel-bg-2: #141b28;--pat-panel-border: rgba(255, 255, 255, 0.06);--pat-panel-border-strong: rgba(255, 255, 255, 0.1);--pat-text: #ffffff;--pat-text-muted: rgba(255, 255, 255, 0.55);--pat-text-dim: rgba(255, 255, 255, 0.35);--pat-accent: #00E5FF;--pat-accent-2: #00B0FF;--pat-ok: #2ECC71;--pat-warn: #F1C40F;--pat-alert: #E74C3C;--pat-info: #00B0FF;--pat-purple: #9B59B6;--pat-orange: #E67E22;--pat-heat-0: #1A5BAB;--pat-heat-25: #2980B9;--pat-heat-50: #16A085;--pat-heat-75: #E67E22;--pat-heat-100: #C0392B}html,body{margin:0;padding:0;height:100%;background:var(--pat-bg);font-family:"Inter",sans-serif;color:var(--pat-text);-webkit-font-smoothing:antialiased}body.page-patio{position:relative;width:100%;height:100vh;background:#0a0f17;padding:14px 14px 14px 94px;box-sizing:border-box;overflow:hidden}.pat-topbar{padding:10px 14px;background:var(--pat-panel-bg);border:1px solid var(--pat-panel-border);border-radius:10px;margin-bottom:12px;box-shadow:0 4px 16px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.03)}.pat-legend-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.pat-legend-heading{display:flex;flex-direction:column;line-height:1.1;padding-right:14px;border-right:1px solid hsla(0,0%,100%,.06)}.pat-legend-heading .pat-legend-eyebrow{font-size:12.5px;font-weight:800;color:#fff;letter-spacing:.6px;text-transform:uppercase}.pat-legend-heading .pat-legend-help{font-size:10.5px;color:var(--pat-text-dim);font-weight:500;letter-spacing:.3px;margin-top:3px}.pat-legend-items{display:grid;grid-template-columns:repeat(5, 1fr);gap:6px}.pat-legend-chip{--chip-c: var(--pat-info);position:relative;display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;padding:8px 12px 8px 10px;background:hsla(0,0%,100%,.022);border:1px solid hsla(0,0%,100%,.05);border-radius:7px;cursor:pointer;font-family:inherit;text-align:left;transition:background .18s ease,border-color .18s ease,transform .15s ease,opacity .2s ease}.pat-legend-chip .pat-chip-swatch{width:16px;height:16px;border-radius:3px;background:linear-gradient(135deg, var(--chip-c) 0%, color-mix(in srgb, var(--chip-c) 70%, #000) 100%);box-shadow:0 0 0 1px hsla(0,0%,100%,.06),0 0 8px color-mix(in srgb, var(--chip-c) 60%, transparent);flex-shrink:0}.pat-legend-chip .pat-chip-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.pat-legend-chip .pat-chip-text strong{font-size:12.5px;font-weight:800;color:#fff;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pat-legend-chip .pat-chip-text small{font-size:10px;color:var(--pat-text-dim);font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pat-legend-chip .pat-chip-count{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;color:var(--pat-text-muted);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.05);border-radius:10px;padding:2px 7px;min-width:22px;text-align:center}.pat-legend-chip:hover{background:hsla(0,0%,100%,.045);border-color:hsla(0,0%,100%,.1)}.pat-legend-chip.is-active{background:color-mix(in srgb, var(--chip-c) 22%, rgba(14, 20, 30, 0.6));border-color:var(--chip-c);box-shadow:0 0 0 1px var(--chip-c),0 0 18px color-mix(in srgb, var(--chip-c) 35%, transparent)}.pat-legend-chip.is-active .pat-chip-text strong{color:#fff}.pat-legend-chip.is-active .pat-chip-count{background:var(--chip-c);border-color:var(--chip-c);color:#fff}.pat-legend-chip.is-dimmed{opacity:.35;filter:grayscale(40%)}.pat-legend-chip.is-dimmed:hover{opacity:.7}.pat-legend-clear{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.3);border-radius:7px;color:var(--pat-alert);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:background .18s ease,border-color .18s ease}.pat-legend-clear svg{width:12px;height:12px}.pat-legend-clear:hover{background:rgba(231,76,60,.2);border-color:var(--pat-alert)}.pat-legend-clear[hidden]{display:none}.pat-grid{display:grid;grid-template-columns:1.95fr 1fr;gap:14px;height:calc(100vh - 28px - 56px);min-height:540px}.pat-panel{background:var(--pat-panel-bg);border:1px solid var(--pat-panel-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.2);display:flex;flex-direction:column}.pat-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--pat-panel-border);flex-shrink:0}.pat-panel-head .pat-panel-title{font-size:12px;font-weight:700;color:var(--pat-text-muted);letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.pat-panel-head .pat-panel-title::before{content:"";width:4px;height:14px;background:var(--pat-accent);border-radius:2px;box-shadow:0 0 6px rgba(0,229,255,.5)}.pat-panel-head .pat-panel-hint{font-size:10.5px;color:var(--pat-text-dim);font-style:italic;letter-spacing:.2px}.pat-panel-head .pat-panel-tools{display:flex;gap:6px}.pat-icon-btn{width:24px;height:24px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.05);border-radius:5px;color:var(--pat-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.pat-icon-btn svg{width:12px;height:12px}.pat-icon-btn:hover{background:rgba(0,229,255,.1);color:var(--pat-accent);border-color:rgba(0,229,255,.3)}.pat-canvas{flex:1;position:relative;overflow:hidden}.pat-canvas .pat-canvas-stage{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%, rgba(0, 229, 255, 0.03), transparent 50%),linear-gradient(180deg, #0a121d 0%, #050a13 100%);overflow:hidden}.pat-canvas-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);background-size:40px 40px;pointer-events:none}.pat-canvas-water{position:absolute;top:0;left:0;right:0;height:22%;background:linear-gradient(180deg, rgba(26, 91, 171, 0.4), rgba(0, 80, 140, 0.18) 60%, transparent);overflow:hidden;pointer-events:none}.pat-canvas-water::before,.pat-canvas-water::after{content:"";position:absolute;left:-20%;right:-20%;height:2px;background:repeating-linear-gradient(90deg, transparent 0, transparent 18px, rgba(0, 229, 255, 0.18) 18px, rgba(0, 229, 255, 0.18) 32px);animation:pat-wave 14s linear infinite}.pat-canvas-water::before{top:25%;opacity:.6}.pat-canvas-water::after{top:60%;opacity:.35;animation-duration:22s;animation-direction:reverse}@keyframes pat-wave{0%{transform:translateX(0)}100%{transform:translateX(50px)}}.pat-canvas-quay{position:absolute;top:22%;left:0;right:0;height:4px;background:linear-gradient(180deg, rgba(0, 229, 255, 0.6), rgba(0, 229, 255, 0));box-shadow:0 0 12px rgba(0,229,255,.45)}.pat-ship{position:absolute;top:4%;height:18%;border-radius:4px;background:linear-gradient(180deg, rgba(0, 229, 255, 0.18), rgba(0, 176, 255, 0.08));border:1px solid rgba(0,229,255,.35);box-shadow:0 4px 18px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.06);overflow:visible;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,opacity .4s ease;z-index:5}.pat-ship::before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:24px;background:inherit;clip-path:polygon(100% 0, 100% 100%, 0 50%)}.pat-ship::after{content:"";position:absolute;right:-4px;top:0;bottom:0;width:8px;background:inherit}.pat-ship .pat-ship-label{position:absolute;top:4px;left:8px;font-size:9.5px;font-weight:800;letter-spacing:.5px;color:var(--pat-accent);text-shadow:0 1px 2px rgba(0,0,0,.7);text-transform:uppercase;z-index:2;pointer-events:none}.pat-ship .pat-ship-progress-label{position:absolute;top:4px;right:8px;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);z-index:2;pointer-events:none}.pat-ship .pat-ship-containers{position:absolute;inset:18px 6px 10px 6px;display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(3, 1fr);gap:1.5px;z-index:1;pointer-events:none}.pat-ship .pat-ship-containers span{border-radius:.5px;opacity:.85;transition:opacity .4s ease}.pat-ship .pat-ship-progress{position:absolute;bottom:4px;left:6px;right:6px;height:4px;background:rgba(0,0,0,.55);border-radius:2px;overflow:hidden;z-index:2;pointer-events:none}.pat-ship .pat-ship-progress .pat-ship-progress-fill{height:100%;background:linear-gradient(90deg, var(--pat-info), var(--pat-accent));box-shadow:0 0 8px rgba(0,229,255,.5);transition:width .8s cubic-bezier(0.4, 0, 0.2, 1),background .4s ease;border-radius:2px}.pat-ship .pat-ship-delay-badge{position:absolute;top:-10px;right:-8px;display:flex;align-items:center;gap:4px;background:var(--pat-warn);color:#0a0f17;font-size:10px;font-weight:900;padding:3px 7px;border-radius:4px;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 2px 8px rgba(241,196,15,.6);z-index:3;animation:pat-delay-badge 1.4s ease-in-out infinite}.pat-ship .pat-ship-delay-badge svg{width:11px;height:11px}.pat-ship .pat-ship-delay-badge[hidden]{display:none}.pat-ship:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,229,255,.3);border-color:rgba(0,229,255,.55)}.pat-ship.is-selected{border-color:var(--pat-accent);box-shadow:0 0 0 1px var(--pat-accent),0 10px 32px rgba(0,229,255,.45),inset 0 1px 0 hsla(0,0%,100%,.1);transform:translateY(-2px);z-index:7}.pat-ship.is-delayed{border-color:var(--pat-warn);animation:pat-ship-delayed 2s ease-in-out infinite}.pat-ship.is-delayed .pat-ship-progress-fill{background:linear-gradient(90deg, var(--pat-warn), #ff9f43);box-shadow:0 0 10px rgba(241,196,15,.6)}.pat-ship.is-drop-target{border-color:var(--pat-ok);box-shadow:0 0 0 2px var(--pat-ok),0 0 28px rgba(46,204,113,.6),inset 0 0 0 2px rgba(46,204,113,.4);transform:translateY(-4px) scale(1.02)}.pat-ship.is-drop-target::before,.pat-ship.is-drop-target::after{filter:brightness(1.2)}.pat-ship.is-completing{animation:pat-ship-leave 1.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;pointer-events:none}.pat-canvas[data-ship-selected] .pat-ship:not(.is-selected){opacity:.4;filter:saturate(0.6)}@keyframes pat-ship-delayed{0%,100%{box-shadow:0 4px 18px rgba(0,0,0,.45),0 0 0 0 rgba(241,196,15,0)}50%{box-shadow:0 4px 22px rgba(0,0,0,.5),0 0 0 4px rgba(241,196,15,.35)}}@keyframes pat-delay-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes pat-ship-leave{0%{opacity:1;transform:translateY(-2px)}30%{opacity:1;transform:translateY(-8px) scale(1.02);filter:brightness(1.3)}100%{opacity:0;transform:translateY(-60px) scale(0.92);filter:brightness(0.6)}}.pat-sts-label{position:absolute;top:22%;transform:translate(-50%, -110%);font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--pat-accent);background:#0a0f17;border:1px solid rgba(0,229,255,.3);padding:2px 8px;border-radius:6px;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.5)}.pat-sts-label::before{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:var(--pat-ok);box-shadow:0 0 6px var(--pat-ok)}.pat-yard{position:absolute;top:28%;left:4%;right:4%;bottom:14%;display:flex;flex-direction:column;gap:10px;padding:0 22px;box-sizing:border-box}.pat-yard::before,.pat-yard::after{content:"";position:absolute;top:4%;bottom:4%;width:16px;border-radius:4px;background:repeating-linear-gradient(to bottom, rgba(0, 229, 255, 0.08) 0, rgba(0, 229, 255, 0.08) 4px, transparent 4px, transparent 9px);pointer-events:none;z-index:1}.pat-yard::before{left:3px}.pat-yard::after{right:3px}.pat-yard-cols{display:grid;grid-template-columns:22px repeat(13, 1fr);gap:4px;padding:0 4px}.pat-yard-cols .pat-col-num{font-size:10px;font-weight:700;color:var(--pat-text-dim);text-align:center;letter-spacing:.5px}.pat-yard-row{display:grid;grid-template-columns:22px repeat(13, 1fr);gap:4px;flex:1;align-items:stretch}.pat-yard-row .pat-row-label{font-size:11.5px;font-weight:800;color:var(--pat-text-muted);display:flex;align-items:center;justify-content:center;letter-spacing:.5px}.pat-block{position:relative;border-radius:3px;min-height:24px;background:var(--pat-heat-0);cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03);transition:background .9s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .18s ease,opacity .25s ease,filter .25s ease}.pat-block.is-unloading{animation:pat-block-unload 1.4s ease-in-out;z-index:5}.pat-block.is-just-emptied{animation:pat-block-emptied .9s ease-out}.pat-block::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);background-size:50% 50%;opacity:.4;pointer-events:none}.pat-block.heat-0{background:linear-gradient(135deg, #1A5BAB 0%, #163e7a 100%)}.pat-block.heat-25{background:linear-gradient(135deg, #2980B9 0%, #1f6391 100%)}.pat-block.heat-50{background:linear-gradient(135deg, #16A085 0%, #117a64 100%)}.pat-block.heat-75{background:linear-gradient(135deg, #E67E22 0%, #b8651b 100%)}.pat-block.heat-100{background:linear-gradient(135deg, #C0392B 0%, #922a20 100%)}.pat-block:hover{box-shadow:inset 0 0 0 1.5px hsla(0,0%,100%,.9),0 4px 12px rgba(0,0,0,.4);z-index:3}.pat-block.is-selected{box-shadow:inset 0 0 0 2px var(--pat-accent),0 0 18px rgba(0,229,255,.45);z-index:4}.pat-block.is-dragging{opacity:.5;transform:scale(0.95);box-shadow:inset 0 0 0 2px var(--pat-accent),0 8px 18px rgba(0,229,255,.4);cursor:grabbing !important}.pat-block{cursor:pointer}.pat-yard[data-ship-selected] .pat-block:not(.is-ship-assigned){opacity:.18;filter:grayscale(70%) brightness(0.65)}.pat-yard[data-ship-selected] .pat-block.is-ship-assigned{opacity:1;filter:none;box-shadow:inset 0 0 0 2px rgba(0,229,255,.85),0 0 16px rgba(0,229,255,.5);z-index:3;animation:pat-block-assigned 2.4s ease-in-out infinite}.pat-yard[data-ship-selected=delayed] .pat-block.is-ship-assigned{box-shadow:inset 0 0 0 2px var(--pat-warn),0 0 18px rgba(241,196,15,.6);animation:pat-block-urgent 1.3s ease-in-out infinite}@keyframes pat-block-assigned{0%,100%{box-shadow:inset 0 0 0 2px rgba(0,229,255,.85),0 0 14px rgba(0,229,255,.45)}50%{box-shadow:inset 0 0 0 2px #00e5ff,0 0 22px rgba(0,229,255,.7)}}@keyframes pat-block-urgent{0%,100%{box-shadow:inset 0 0 0 2px var(--pat-warn),0 0 14px rgba(241,196,15,.45)}50%{box-shadow:inset 0 0 0 2.5px #fff,0 0 24px rgba(241,196,15,.85)}}.pat-block.is-released{animation:pat-block-release 1.4s ease-out}.pat-block.is-incoming-highlight{animation:pat-block-incoming 1.4s ease-in-out infinite !important;z-index:6}@keyframes pat-block-incoming{0%,100%{box-shadow:inset 0 0 0 2px #fff,0 0 16px rgba(0,229,255,.55),0 0 28px rgba(0,229,255,.35)}50%{box-shadow:inset 0 0 0 3px var(--pat-accent),0 0 26px rgba(0,229,255,.95),0 0 44px rgba(0,229,255,.6)}}@keyframes pat-block-release{0%{box-shadow:0 0 0 0 rgba(0,229,255,.7),inset 0 0 0 2px rgba(0,229,255,.9)}50%{box-shadow:0 0 0 10px rgba(0,229,255,.25),inset 0 0 0 1.5px rgba(0,229,255,.4)}100%{box-shadow:0 0 0 0 rgba(0,229,255,0),inset 0 0 0 1px hsla(0,0%,100%,.03)}}.pat-supply{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.pat-supply line{stroke:rgba(0,229,255,.55);stroke-width:1;stroke-dasharray:2 3;stroke-linecap:round;opacity:.7;filter:drop-shadow(0 0 2px rgba(0, 229, 255, 0.4));animation:pat-supply-flow 3s linear infinite}.pat-supply[data-delayed=true] line{stroke:rgba(241,196,15,.75);stroke-width:1.4;filter:drop-shadow(0 0 3px rgba(241, 196, 15, 0.55));animation-duration:1.4s}@keyframes pat-supply-flow{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-10}}.pat-yard[data-filter] .pat-block{opacity:.12;filter:grayscale(75%) brightness(0.7);transition:opacity .25s ease,filter .25s ease,box-shadow .25s ease,transform .25s ease}.pat-yard[data-filter="0"] .pat-block.heat-0,.pat-yard[data-filter="25"] .pat-block.heat-25,.pat-yard[data-filter="50"] .pat-block.heat-50,.pat-yard[data-filter="75"] .pat-block.heat-75,.pat-yard[data-filter="100"] .pat-block.heat-100{opacity:1;filter:none;box-shadow:inset 0 0 0 1.5px hsla(0,0%,100%,.65),0 0 14px hsla(0,0%,100%,.1);z-index:2}.pat-yard[data-filter="100"] .pat-block.heat-100{animation:pat-filter-urgent 1.8s ease-in-out infinite}@keyframes pat-filter-urgent{0%,100%{box-shadow:inset 0 0 0 1.5px hsla(0,0%,100%,.65),0 0 14px rgba(192,57,43,.35)}50%{box-shadow:inset 0 0 0 1.5px hsla(0,0%,100%,.85),0 0 22px rgba(192,57,43,.7)}}.pat-asset{position:absolute;z-index:5;transform:translate(-50%, -50%);pointer-events:auto;cursor:pointer;transition:filter .2s ease}.pat-asset:hover{filter:brightness(1.2)}.pat-asset-rmg{width:70px;height:28px;display:flex;align-items:center;gap:4px}.pat-asset-rmg .pat-rmg-icon{width:26px;height:26px;background:rgba(46,204,113,.18);border:1.5px solid var(--pat-ok);border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--pat-ok);box-shadow:0 0 10px rgba(46,204,113,.35)}.pat-asset-rmg .pat-rmg-icon svg{width:16px;height:16px}.pat-asset-rmg .pat-rmg-label{font-size:10px;font-weight:800;color:#fff;background:#0a0f17;border:1px solid hsla(0,0%,100%,.08);padding:3px 7px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 6px rgba(0,0,0,.5)}.pat-asset-rmg.state-warn .pat-rmg-icon{background:rgba(241,196,15,.18);border-color:var(--pat-warn);color:var(--pat-warn);box-shadow:0 0 12px rgba(241,196,15,.4);animation:pat-pulse-warn 1.6s infinite}.pat-asset-rmg.state-alert .pat-rmg-icon{background:rgba(231,76,60,.18);border-color:var(--pat-alert);color:var(--pat-alert);box-shadow:0 0 16px rgba(231,76,60,.5);animation:pat-pulse-alert 1.2s infinite}.pat-asset-rmg.state-warn .pat-rmg-label{color:var(--pat-warn)}.pat-asset-rmg.state-alert .pat-rmg-label{color:var(--pat-alert)}.pat-asset-rmg.is-selected .pat-rmg-icon{outline:2px solid var(--pat-accent);outline-offset:2px}.pat-asset-agv{width:26px;height:26px;z-index:6}.pat-asset-agv .pat-agv-icon{position:relative;width:26px;height:26px;background:#fff;border:2px solid #0a0f17;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0a0f17;box-shadow:0 0 0 1.5px rgba(0,229,255,.55),0 0 16px rgba(0,229,255,.6),0 4px 10px rgba(0,0,0,.7)}.pat-asset-agv .pat-agv-icon svg{width:15px;height:15px;stroke-width:2.5}.pat-asset-agv .pat-agv-icon::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(0,229,255,.55);opacity:0;animation:pat-agv-ring 2.2s ease-out infinite;pointer-events:none}.pat-asset-agv .pat-agv-icon::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(0,229,255,.4);opacity:0;animation:pat-agv-ring 2.2s ease-out infinite;animation-delay:1.1s;pointer-events:none}.pat-asset-agv .pat-agv-label{position:absolute;top:50%;left:calc(100% + 5px);transform:translateY(-50%);font-size:10px;font-weight:900;color:#0a0f17;background:#ffe74f;border:1.5px solid #0a0f17;padding:2.5px 6px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 6px rgba(0,0,0,.7);white-space:nowrap;pointer-events:none;transition:left .18s ease,right .18s ease}.pat-asset-agv[data-side=right] .pat-agv-label{left:auto;right:calc(100% + 5px)}.pat-asset-agv .pat-agv-cargo{position:absolute;top:-8px;left:50%;width:18px;height:7px;background:linear-gradient(180deg, #E67E22 0%, #C0392B 100%);border:1.5px solid #0a0f17;border-radius:1.5px;box-shadow:0 2px 5px rgba(0,0,0,.7);transform:translateX(-50%) scale(0);opacity:0;transition:transform .35s cubic-bezier(0.16, 1, 0.3, 1),opacity .25s ease;pointer-events:none;z-index:2}.pat-asset-agv .pat-agv-cargo::after{content:"";position:absolute;left:50%;top:1.5px;bottom:1.5px;width:1px;background:rgba(0,0,0,.35);transform:translateX(-50%)}.pat-asset-agv.state-loading .pat-agv-icon{background:#ffe74f;box-shadow:0 0 0 2px rgba(241,196,15,.75),0 0 22px rgba(241,196,15,.7),0 4px 10px rgba(0,0,0,.7);animation:pat-agv-loading 1.4s ease-in-out infinite}.pat-asset-agv.state-loading .pat-agv-icon::before,.pat-asset-agv.state-loading .pat-agv-icon::after{border-color:rgba(241,196,15,.7)}.pat-asset-agv.is-loaded .pat-agv-cargo{transform:translateX(-50%) scale(1);opacity:1}.pat-asset-agv.is-loaded .pat-agv-icon{background:#b7f0cb;box-shadow:0 0 0 2px rgba(46,204,113,.75),0 0 18px rgba(46,204,113,.6),0 4px 12px rgba(0,0,0,.7)}.pat-asset-agv.is-loaded .pat-agv-icon::before,.pat-asset-agv.is-loaded .pat-agv-icon::after{border-color:rgba(46,204,113,.55)}.pat-asset-agv.is-loaded .pat-agv-label{background:#66e597}.pat-asset-agv.state-delivering .pat-agv-icon{background:#66e597;box-shadow:0 0 0 2px rgba(46,204,113,.9),0 0 26px rgba(46,204,113,.8),0 4px 12px rgba(0,0,0,.7);animation:pat-agv-loading 1.2s ease-in-out infinite}.pat-asset-agv.state-delivering .pat-agv-cargo{animation:pat-agv-cargo-out 1.1s ease-in-out}.pat-asset-agv.is-moving:not(.is-loaded) .pat-agv-icon{box-shadow:0 0 0 2px rgba(0,229,255,.85),0 0 24px rgba(0,229,255,.75),0 4px 12px rgba(0,0,0,.75)}.pat-asset-agv.is-selected .pat-agv-icon{outline:2px solid #fff;outline-offset:3px}@keyframes pat-agv-cargo-out{0%{transform:translateX(-50%) scale(1) translateY(0);opacity:1}60%{transform:translateX(-50%) scale(1.1) translateY(-6px);opacity:1}100%{transform:translateX(-50%) scale(0.4) translateY(-14px);opacity:0}}@keyframes pat-agv-ring{0%{transform:scale(0.85);opacity:.7}100%{transform:scale(1.8);opacity:0}}@keyframes pat-agv-loading{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.pat-rail{position:absolute;z-index:1;pointer-events:none;background:repeating-linear-gradient(to right, rgba(0, 229, 255, 0.15) 0, rgba(0, 229, 255, 0.15) 6px, transparent 6px, transparent 12px)}.pat-rail.vertical{width:2px;background:repeating-linear-gradient(to bottom, rgba(0, 229, 255, 0.15) 0, rgba(0, 229, 255, 0.15) 6px, transparent 6px, transparent 12px)}.pat-rail.horizontal{height:2px}.pat-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.pat-paths polyline{fill:none;stroke:rgba(0,229,255,.7);stroke-width:1.6;stroke-dasharray:4 3;stroke-linecap:round;stroke-linejoin:round;opacity:.85;filter:drop-shadow(0 0 3px rgba(0, 229, 255, 0.55));animation:pat-path-flow 1.4s linear infinite}@keyframes pat-path-flow{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-14}}@keyframes pat-block-unload{0%,100%{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05)}50%{box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.9),0 0 18px rgba(255,235,79,.7)}}@keyframes pat-block-emptied{0%{box-shadow:0 0 0 0 rgba(46,204,113,.6)}50%{box-shadow:0 0 0 6px rgba(46,204,113,.45)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}.pat-canvas-legend{position:absolute;top:12px;left:12px;background:#0a0f17;border:1px solid var(--pat-panel-border);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;z-index:10}.pat-canvas-legend .pat-legend-title{font-size:10px;font-weight:700;color:var(--pat-text-muted);letter-spacing:.6px;text-transform:uppercase}.pat-canvas-legend .pat-legend-bar{width:140px;height:8px;border-radius:3px;background:linear-gradient(90deg, var(--pat-heat-0) 0%, var(--pat-heat-25) 25%, var(--pat-heat-50) 50%, var(--pat-heat-75) 75%, var(--pat-heat-100) 100%);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05)}.pat-canvas-legend .pat-legend-scale{display:flex;justify-content:space-between;font-size:9.5px;color:var(--pat-text-dim);font-family:"JetBrains Mono",monospace}.pat-canvas-info{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:10}.pat-canvas-zoom{display:flex;gap:4px}.pat-canvas-zoom button{width:32px;height:32px;background:#0a0f17;border:1px solid var(--pat-panel-border);border-radius:6px;color:var(--pat-text-muted);font-size:18px;font-weight:700;cursor:pointer;transition:all .18s ease;display:flex;align-items:center;justify-content:center}.pat-canvas-zoom button:hover{background:rgba(0,229,255,.1);color:var(--pat-accent);border-color:rgba(0,229,255,.3)}.pat-right{display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;padding-right:2px}.pat-right::-webkit-scrollbar{width:6px}.pat-right::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.pat-right::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:3px}.pat-card-kpi .pat-kpi-body{padding:14px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.pat-card-kpi .pat-kpi-block{display:flex;flex-direction:column;gap:4px}.pat-card-kpi .pat-kpi-name{font-size:11.5px;font-weight:700;color:var(--pat-text-muted);text-transform:uppercase;letter-spacing:.6px}.pat-card-kpi .pat-kpi-num{font-family:"JetBrains Mono",monospace;font-size:40px;font-weight:800;color:var(--pat-accent);line-height:1;letter-spacing:-1px;text-shadow:0 0 18px rgba(0,229,255,.3)}.pat-card-kpi .pat-kpi-trend{font-size:11.5px;font-weight:700;color:var(--pat-ok);display:flex;align-items:center;gap:4px}.pat-card-kpi .pat-kpi-trend svg{width:11px;height:11px}.pat-card-kpi .pat-kpi-trend .pat-kpi-trend-sub{color:var(--pat-text-muted);font-weight:500}.pat-card-kpi .pat-kpi-spark{width:100%;height:56px;display:flex;flex-direction:column;gap:2px}.pat-card-kpi .pat-kpi-spark svg{width:100%;flex:1;display:block;min-height:0}.pat-card-kpi .pat-kpi-spark .pat-spark-ticks{display:flex;justify-content:space-between;font-family:"JetBrains Mono",monospace;font-size:9.5px;color:var(--pat-text-dim);font-weight:600;letter-spacing:.3px;padding:0 1px}.pat-card-kpi .pat-kpi-meta{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;padding:0 14px 14px}.pat-card-kpi .pat-kpi-meta-item{padding:8px;background:hsla(0,0%,100%,.025);border:1px solid hsla(0,0%,100%,.04);border-radius:6px;display:flex;flex-direction:column;gap:2px;position:relative}.pat-card-kpi .pat-kpi-meta-item .pat-meta-label{font-size:10px;font-weight:700;color:var(--pat-text-dim);text-transform:uppercase;letter-spacing:.4px}.pat-card-kpi .pat-kpi-meta-item .pat-meta-val{font-family:"JetBrains Mono",monospace;font-size:16px;font-weight:700;color:#fff}.pat-card-kpi .pat-kpi-meta-item.is-target{background:rgba(0,229,255,.06);border-color:rgba(0,229,255,.18)}.pat-card-kpi .pat-kpi-meta-item.is-target .pat-meta-val{color:var(--pat-accent)}.pat-card-fleet .pat-fleet-list{padding:6px 8px 8px;display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto}.pat-card-fleet .pat-fleet-list::-webkit-scrollbar{width:4px}.pat-card-fleet .pat-fleet-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.06);border-radius:2px}.pat-fleet-item{display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:center;padding:7px 8px;border-radius:6px;cursor:pointer;transition:background .15s ease;border:1px solid rgba(0,0,0,0)}.pat-fleet-item:hover{background:hsla(0,0%,100%,.025)}.pat-fleet-item.is-selected{background:rgba(0,229,255,.08);border-color:rgba(0,229,255,.25)}.pat-fleet-item .pat-fleet-icon{width:26px;height:26px;border-radius:5px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);display:flex;align-items:center;justify-content:center;color:var(--pat-text-muted)}.pat-fleet-item .pat-fleet-icon svg{width:14px;height:14px}.pat-fleet-item .pat-fleet-info{display:flex;flex-direction:column;line-height:1.15;min-width:0}.pat-fleet-item .pat-fleet-info .pat-fleet-id{font-size:12.5px;font-weight:700;color:#fff;letter-spacing:.4px}.pat-fleet-item .pat-fleet-info .pat-fleet-type{font-size:10px;color:var(--pat-text-muted);margin-top:2px}.pat-fleet-item .pat-fleet-status{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:2px 8px;border-radius:9px}.pat-fleet-item .pat-fleet-status.state-ok{background:rgba(46,204,113,.15);color:var(--pat-ok)}.pat-fleet-item .pat-fleet-status.state-warn{background:rgba(241,196,15,.15);color:var(--pat-warn)}.pat-fleet-item .pat-fleet-status.state-alert{background:rgba(231,76,60,.15);color:var(--pat-alert)}.pat-fleet-item .pat-fleet-status.state-loading{background:rgba(0,176,255,.15);color:var(--pat-info)}.pat-fleet-item .pat-fleet-pct{font-family:"JetBrains Mono",monospace;font-size:12.5px;font-weight:700;color:#fff;text-align:right;min-width:36px}.pat-card-gmao .pat-gmao-body{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.pat-card-gmao .pat-gmao-next{display:flex;flex-direction:column;gap:4px}.pat-card-gmao .pat-gmao-next .pat-gmao-label{font-size:10.5px;font-weight:700;color:var(--pat-text-muted);text-transform:uppercase;letter-spacing:.5px}.pat-card-gmao .pat-gmao-next .pat-gmao-target{font-size:14.5px;font-weight:700;color:#fff;margin-top:2px}.pat-card-gmao .pat-gmao-next .pat-gmao-eta{font-family:"JetBrains Mono",monospace;font-size:27px;font-weight:800;color:var(--pat-warn);line-height:1;margin-top:4px;text-shadow:0 0 12px rgba(241,196,15,.3)}.pat-card-gmao .pat-gmao-next .pat-gmao-eta small{font-size:12.5px;color:var(--pat-text-muted);font-weight:500;margin-left:4px;text-shadow:none}.pat-card-gmao .pat-gmao-health{display:flex;flex-direction:column;gap:4px}.pat-card-gmao .pat-gmao-health .pat-gmao-h-label{font-size:10.5px;font-weight:700;color:var(--pat-text-muted);text-transform:uppercase;letter-spacing:.5px}.pat-card-gmao .pat-gmao-health .pat-gmao-h-val{font-size:14.5px;font-weight:700;color:var(--pat-ok)}.pat-card-gmao .pat-gmao-health .pat-gmao-bar{position:relative;height:6px;background:hsla(0,0%,100%,.05);border-radius:4px;overflow:hidden;margin-top:4px}.pat-card-gmao .pat-gmao-health .pat-gmao-bar .pat-gmao-bar-fill{position:absolute;inset:0;width:92%;background:linear-gradient(90deg, var(--pat-ok), #6ce4a3);border-radius:4px;box-shadow:0 0 8px rgba(46,204,113,.5)}.pat-card-gmao .pat-gmao-health .pat-gmao-h-pct{font-family:"JetBrains Mono",monospace;font-size:11.5px;font-weight:700;color:var(--pat-text-muted);text-align:right;margin-top:2px}.pat-card-gmao .pat-gmao-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 14px}.pat-card-gmao .pat-gmao-foot .pat-gmao-foot-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:hsla(0,0%,100%,.025);border:1px solid hsla(0,0%,100%,.04);border-radius:6px;font-size:12px;color:var(--pat-text-muted)}.pat-card-gmao .pat-gmao-foot .pat-gmao-foot-item strong{font-family:"JetBrains Mono",monospace;font-size:16px;font-weight:700;color:#fff}.pat-action-bar{position:fixed;left:94px;right:14px;bottom:14px;background:var(--pat-panel-bg);border:1px solid var(--pat-panel-border);border-top:1px solid rgba(0,229,255,.25);border-radius:12px;padding:14px 18px;display:grid;grid-template-columns:auto auto 1fr;gap:18px;align-items:center;box-shadow:0 -8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(0,229,255,.06);transform:translateY(120%);opacity:0;transition:transform .4s cubic-bezier(0.16, 1, 0.3, 1),opacity .3s ease;z-index:100}.pat-action-bar.is-visible{transform:translateY(0);opacity:1}.pat-action-asset{display:flex;align-items:center;gap:12px;padding-right:18px;border-right:1px solid var(--pat-panel-border)}.pat-action-asset .pat-action-icon{width:48px;height:48px;border-radius:10px;background:rgba(0,229,255,.12);border:1.5px solid rgba(0,229,255,.35);color:var(--pat-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px rgba(0,229,255,.25)}.pat-action-asset .pat-action-icon svg{width:26px;height:26px}.pat-action-asset .pat-action-info{display:flex;flex-direction:column;gap:3px}.pat-action-asset .pat-action-info .pat-action-id{font-size:18px;font-weight:800;color:#fff;letter-spacing:.5px}.pat-action-asset .pat-action-info .pat-action-type{font-size:11.5px;color:var(--pat-text-muted);font-weight:500}.pat-action-asset .pat-action-info .pat-action-state{display:flex;align-items:center;gap:5px;margin-top:3px}.pat-action-asset .pat-action-info .pat-action-state .pat-action-dot{width:6px;height:6px;border-radius:50%;background:var(--pat-warn);box-shadow:0 0 6px currentColor;animation:pat-pulse 2s infinite;color:var(--pat-warn)}.pat-action-asset .pat-action-info .pat-action-state .pat-action-state-label{font-size:11.5px;font-weight:700;color:var(--pat-warn);text-transform:uppercase;letter-spacing:.5px}.pat-action-buttons{display:flex;gap:10px;padding-right:18px;border-right:1px solid var(--pat-panel-border)}.pat-action-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:hsla(0,0%,100%,.025);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .18s ease;font-family:inherit}.pat-action-btn svg{width:16px;height:16px}.pat-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.pat-action-btn.btn-reassign{background:rgba(0,176,255,.12);border-color:rgba(0,176,255,.3);color:var(--pat-info)}.pat-action-btn.btn-reassign:hover{background:rgba(0,176,255,.2);border-color:var(--pat-info);box-shadow:0 4px 14px rgba(0,176,255,.25)}.pat-action-btn.btn-stop{background:rgba(231,76,60,.12);border-color:rgba(231,76,60,.3);color:var(--pat-alert)}.pat-action-btn.btn-stop:hover{background:rgba(231,76,60,.2);border-color:var(--pat-alert);box-shadow:0 4px 14px rgba(231,76,60,.3)}.pat-action-btn.btn-validate{background:rgba(46,204,113,.12);border-color:rgba(46,204,113,.3);color:var(--pat-ok)}.pat-action-btn.btn-validate:hover{background:rgba(46,204,113,.2);border-color:var(--pat-ok);box-shadow:0 4px 14px rgba(46,204,113,.3)}.pat-action-log{flex:1;height:60px;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.04);border-radius:8px;padding:8px 12px;overflow-y:auto;font-family:"JetBrains Mono",monospace;font-size:11.5px;line-height:1.5;color:var(--pat-text-muted);display:flex;flex-direction:column-reverse}.pat-action-log::-webkit-scrollbar{width:4px}.pat-action-log::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:2px}.pat-action-log .pat-log-line{display:grid;grid-template-columns:60px 60px 1fr;gap:8px;padding:1px 0}.pat-action-log .pat-log-line .pat-log-time{color:var(--pat-text-dim)}.pat-action-log .pat-log-line .pat-log-tag{font-weight:700;text-transform:uppercase}.pat-action-log .pat-log-line .pat-log-tag.tag-usr{color:var(--pat-accent)}.pat-action-log .pat-log-line .pat-log-tag.tag-sys{color:var(--pat-purple)}.pat-action-log .pat-log-line .pat-log-tag.tag-ok{color:var(--pat-ok)}.pat-action-log .pat-log-line .pat-log-tag.tag-err{color:var(--pat-alert)}.pat-action-log .pat-log-line .pat-log-tag.tag-warn{color:var(--pat-warn)}.pat-action-log .pat-log-line .pat-log-msg{color:#fff}.pat-action-close{position:absolute;top:-10px;right:-10px;width:24px;height:24px;background:rgba(10,15,23,.95);border:1px solid var(--pat-panel-border);border-radius:50%;color:var(--pat-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.pat-action-close svg{width:12px;height:12px}.pat-action-close:hover{background:rgba(231,76,60,.18);border-color:var(--pat-alert);color:var(--pat-alert)}.pat-toast{position:fixed;top:80px;right:24px;min-width:280px;max-width:380px;background:#0e141e;border:1px solid var(--pat-panel-border);border-left:3px solid var(--pat-accent);border-radius:8px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;z-index:200;box-shadow:0 8px 32px rgba(0,0,0,.5);opacity:0;transform:translateX(40px);transition:transform .4s cubic-bezier(0.16, 1, 0.3, 1),opacity .3s ease}.pat-toast.is-visible{opacity:1;transform:translateX(0)}.pat-toast.toast-ok{border-left-color:var(--pat-ok)}.pat-toast.toast-warn{border-left-color:var(--pat-warn)}.pat-toast.toast-alert{border-left-color:var(--pat-alert)}.pat-toast .pat-toast-icon{width:26px;height:26px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}.pat-toast .pat-toast-icon.icon-ok{background:rgba(46,204,113,.18);color:var(--pat-ok)}.pat-toast .pat-toast-icon.icon-warn{background:rgba(241,196,15,.18);color:var(--pat-warn)}.pat-toast .pat-toast-icon.icon-alert{background:rgba(231,76,60,.18);color:var(--pat-alert)}.pat-toast .pat-toast-body{flex:1;min-width:0}.pat-toast .pat-toast-body .pat-toast-title{font-size:13px;font-weight:800;color:#fff;margin-bottom:3px;letter-spacing:.3px}.pat-toast .pat-toast-body .pat-toast-msg{font-size:12px;color:var(--pat-text-muted);line-height:1.4}@keyframes pat-pulse{0%,100%{opacity:1}50%{opacity:.4}}@keyframes pat-pulse-warn{0%,100%{box-shadow:0 0 8px rgba(241,196,15,.35)}50%{box-shadow:0 0 16px rgba(241,196,15,.65)}}@keyframes pat-pulse-alert{0%,100%{box-shadow:0 0 10px rgba(231,76,60,.4)}50%{box-shadow:0 0 20px rgba(231,76,60,.8)}}html.is-iframe body.page-patio{font-size:14.5px}