:root{--bg-app: #020811;--bg-surface: #07121e;--bg-surface-elevated: #0d1a28;--bg-surface-hover: #152638;--border-subtle: rgba(151, 191, 218, .18);--border-active: rgba(151, 218, 242, .42);--text-main: #f2f7fb;--text-muted: #9bb0c1;--text-dim: #61798d;--actor-human: #ffb347;--actor-human-bg: rgba(255, 163, 45, .12);--actor-human-border: rgba(255, 166, 52, .55);--actor-agent: #38d9f5;--actor-agent-bg: rgba(20, 196, 230, .12);--actor-agent-border: rgba(56, 217, 245, .55);--actor-system: #99aebe;--actor-system-bg: rgba(153, 174, 190, .1);--actor-system-border: rgba(153, 174, 190, .35);--status-success: #55e889;--status-danger: #ff5d63;--status-warning: #ffb347;--glass: linear-gradient(145deg, rgba(8, 22, 35, .9), rgba(4, 13, 23, .72));--glass-soft: linear-gradient(145deg, rgba(8, 22, 35, .76), rgba(4, 13, 23, .5));--shadow-deep: 0 20px 55px rgba(0, 0, 0, .52);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--transition-fast: .18s cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-width:320px;height:100%;overflow:hidden}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-app);color:var(--text-main);font-size:14px;line-height:1.35;-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button{color:var(--text-main);cursor:pointer}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--actor-agent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.38}.btn-cyan,.btn-amber,.btn-danger{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition-fast)}.btn-cyan{color:#8cf0ff;border-color:var(--actor-agent-border);background:var(--actor-agent-bg)}.btn-amber{color:#ffd08a;border-color:var(--actor-human-border);background:var(--actor-human-bg)}.btn-danger{color:#ff9a9e;border-color:#ff5d6380;background:#ff5d631a}.btn-cyan:hover:not(:disabled),.btn-amber:hover:not(:disabled),.btn-danger:hover:not(:disabled){filter:brightness(1.24);transform:translateY(-1px)}.cinematic-shell{position:relative;width:100%;height:100dvh;min-height:600px;overflow:hidden;isolation:isolate;background:#020711}.command-bar{position:absolute;z-index:60;top:18px;left:22px;right:22px;min-height:66px;display:grid;grid-template-columns:minmax(185px,1fr) auto minmax(185px,1fr);align-items:center;gap:18px;padding:9px 12px;border:1px solid rgba(137,199,225,.2);border-radius:18px;background:linear-gradient(100deg,#030e19e3,#071623b8);-webkit-backdrop-filter:blur(10px) saturate(1.12);backdrop-filter:blur(10px) saturate(1.12);box-shadow:0 14px 46px #00000061,inset 0 1px #ffffff0b}.brand-lockup,.brand-lockup>div,.live-state-cluster,.mission-capsule{display:flex;align-items:center}.brand-lockup{gap:10px}.brand-mark{width:41px;height:41px;display:grid;place-items:center;border:1px solid rgba(71,221,246,.42);border-radius:12px;color:#79ecff;background:linear-gradient(145deg,#1dbbdb3d,#08446b24);box-shadow:inset 0 0 18px #38d9f514}.brand-lockup>div{align-items:flex-start;flex-direction:column}.brand-lockup strong{font-size:19px;line-height:1;letter-spacing:-.3px}.brand-lockup small{margin-top:5px;color:var(--text-dim);font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.mission-capsule{min-width:410px;gap:12px;padding:8px 12px;border:1px solid rgba(255,179,71,.33);border-radius:13px;background:linear-gradient(135deg,#321f0b6b,#0a141cb8)}.mission-capsule.mission-ready{border-color:#55e88985;background:linear-gradient(135deg,#11472a66,#0a141cb8)}.mission-target-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--actor-human);background:#ffb3471f}.mission-ready .mission-target-icon{color:var(--status-success);background:#55e8891f}.mission-copy,.mission-condition{display:flex;flex-direction:column}.mission-copy{min-width:104px;padding-right:12px;border-right:1px solid var(--border-subtle)}.mission-copy span,.mission-condition span{color:var(--text-dim);font-size:10px;font-weight:700;letter-spacing:.45px;text-transform:uppercase}.mission-copy strong{margin-top:1px;font:800 16px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.mission-condition{min-width:112px}.mission-condition strong{color:var(--actor-human);font-size:11px;letter-spacing:.8px}.mission-ready .mission-condition strong{color:var(--status-success)}.mission-condition span{margin-top:3px}.retrieve-cta{border:1px solid rgba(85,232,137,.5);border-radius:8px;padding:7px 10px;background:#1fb75b2e;color:#8cf5ae;font-size:10px;font-weight:800;text-transform:uppercase}.live-state-cluster{justify-content:flex-end;gap:9px}.connection-signal,.state-version{padding:7px 9px;border:1px solid var(--border-subtle);border-radius:9px;color:var(--text-muted);background:#030d1780;font:700 10px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.35px;text-transform:uppercase}.connection-signal{display:flex;align-items:center;gap:5px}.connection-signal.is-live{color:#75ec9e;border-color:#55e88959}.connection-signal.is-live svg{animation:livePulse 1.8s ease-in-out infinite}.state-version{color:#8cecff;border-color:#38d9f557}.yard-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.operational-yard{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:148px 116px 96px 82px;background:linear-gradient(180deg,#00081208,#00081224 30%,#00070f8f),linear-gradient(90deg,rgba(0,8,18,.26),transparent 32%,transparent 68%,rgba(0,8,18,.32)),url(/bayshift-yard-night.jpg) center 44% / cover no-repeat}.operational-yard:before{content:"";position:absolute;top:100px;right:54px;bottom:58px;left:54px;background:radial-gradient(ellipse at 50% 64%,#0720320f,#00070f8a 76%);pointer-events:none}.operational-yard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px);mix-blend-mode:soft-light;opacity:.22}.yard-atmosphere,.crane-superstructure,.yard-scan,.plan-route-overlay{position:absolute;pointer-events:none}.yard-atmosphere{top:0;right:0;bottom:0;left:0;z-index:1}.yard-haze{position:absolute;left:15%;right:15%;bottom:5%;height:42%;background:radial-gradient(ellipse at center,rgba(61,150,187,.11),transparent 70%);filter:blur(20px);animation:hazeDrift 8s ease-in-out infinite alternate}.work-light{position:absolute;top:8%;width:2px;height:44%;background:linear-gradient(rgba(215,242,255,.66),transparent);filter:blur(.4px);opacity:.28}.work-light:after{content:"";position:absolute;top:-5px;left:-5px;width:12px;height:12px;border-radius:50%;background:#dff8ff;box-shadow:0 0 18px 6px #b4e7ff70}.work-light-left{left:20%}.work-light-right{right:15%;height:51%}.yard-vehicle{position:absolute;bottom:15%;width:30px;height:12px;border-radius:4px 7px 2px 2px;background:#24323b;box-shadow:0 5px 9px #000000a6;opacity:.75}.yard-vehicle:before{content:"";position:absolute;top:3px;left:2px;width:9px;height:4px;background:#d99a24}.yard-vehicle i{position:absolute;right:-13px;width:15px;height:2px;background:linear-gradient(90deg,rgba(211,244,255,.74),transparent);filter:blur(.5px)}.yard-vehicle i:first-child{top:2px;transform:rotate(-5deg)}.yard-vehicle i:last-child{bottom:2px;transform:rotate(5deg)}.vehicle-one{left:12%;animation:vehiclePass 16s linear infinite}.vehicle-two{left:64%;bottom:8%;transform:scale(.72);animation:vehiclePass 22s linear -11s infinite}.crane-superstructure{z-index:3;top:104px;left:6%;right:7%;height:86px;opacity:.86}.crane-gantry-beam{position:absolute;top:24px;left:0;right:0;height:10px;border-top:2px solid rgba(101,141,162,.65);border-bottom:1px solid rgba(75,116,139,.7);background:linear-gradient(90deg,#0e2835e6,#183745b8,#0e2835e6);box-shadow:0 4px 11px #00000085}.crane-gantry-beam>span{position:absolute;top:-19px;left:9px;color:#a5d1e2a8;font:700 8px/1 ui-monospace,monospace;letter-spacing:1.6px}.crane-gantry-beam:before{content:"";position:absolute;top:2px;right:0;bottom:2px;left:0;background:repeating-linear-gradient(115deg,transparent 0 18px,rgba(255,176,50,.44) 18px 21px)}.crane-leg{position:absolute;top:28px;bottom:-12px;width:5px;border-left:2px solid rgba(88,125,144,.58);border-right:1px solid rgba(20,49,63,.8);transform-origin:top}.crane-leg-left{left:2%;transform:skew(-15deg)}.crane-leg-right{right:2%;transform:skew(15deg)}.crane-spreader{position:absolute;top:-4px;width:68px;height:18px;border:1px solid rgba(56,217,245,.72);border-radius:4px;background:#031019f0;transform:translate(-50%);transition:left .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 18px #38d9f52e}.spreader-head{display:grid;height:100%;place-items:center;color:#75e8fa;font:800 7px/1 ui-monospace,monospace;letter-spacing:.6px}.spreader-cable{position:absolute;top:18px;left:50%;width:1px;height:32px;background:linear-gradient(rgba(122,202,225,.65),transparent)}.yard-scan{z-index:5;top:143px;bottom:95px;width:2px;opacity:0;background:linear-gradient(transparent,#66e9ff 28%,#66e9ff 68%,transparent);box-shadow:0 0 28px 9px #38d9f53b}.tool-inspect-yard .yard-scan,.tool-analyze-blockers .yard-scan{animation:yardScan 1.35s ease-out}.terminal-yard-plane{position:relative;z-index:4;width:100%;height:100%;min-height:0;perspective:1250px}.yard-grid-lines{position:absolute;top:-6%;right:-3%;bottom:-9%;left:-3%;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);border:1px solid rgba(255,178,58,.22);background:repeating-linear-gradient(90deg,rgba(255,183,72,.2) 0 1px,transparent 1px 19.8%),repeating-linear-gradient(0deg,rgba(238,246,250,.08) 0 1px,transparent 1px 72px),linear-gradient(180deg,#0b1c2866,#050f18a3);box-shadow:inset 0 0 70px #00000085,0 24px 60px #00000070;transform:rotateX(3deg);transform-origin:bottom}.stacks-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(116px,1fr));gap:clamp(12px,1.7vw,28px);width:100%;height:100%}.bay-stack-column{position:relative;min-width:0;height:100%;display:flex;flex-direction:column;padding:0 7px 8px;border:1px solid transparent;border-radius:10px;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.bay-stack-column:before,.bay-stack-column:after{content:"";position:absolute;bottom:-5px;width:26%;height:4px;border-radius:2px;background:#ffbb4d85;box-shadow:0 0 8px #ffa12638}.bay-stack-column:before{left:5%}.bay-stack-column:after{right:5%}.bay-stack-column:hover{background:#08192633;border-color:#7ec3dc38}.bay-stack-column.target-bay{background:linear-gradient(180deg,transparent 35%,rgba(30,115,72,.08))}.bay-stack-column.plan-origin{border-color:#38d9f56b;background:#1789a517}.bay-stack-column.plan-destination,.bay-stack-column.bay-droppable{border-color:#38d9f59e;background:#1789a51f;box-shadow:inset 0 0 30px #38d9f514,0 0 24px #38d9f514;cursor:pointer}.bay-stack-column.bay-source{border-color:var(--actor-human-border);background:#ffa32d14}.bay-stack-column.bay-locked,.bay-stack-column.bay-outage{border-color:#ff5d6399;background:#73161d24;box-shadow:inset 0 0 24px #ff3c4614}.bay-header-strip{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 3px 7px;border-bottom:1px solid rgba(144,193,213,.18)}.bay-id-group{display:flex;align-items:baseline;gap:5px}.bay-id-group span{color:#90b1c4ad;font:700 9px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.7px}.bay-id-group strong{color:#eef9ff;font:800 15px/1 ui-monospace,monospace;letter-spacing:.7px;text-shadow:0 2px 5px rgba(0,0,0,.8)}.bay-status-lights{display:flex;gap:3px}.bay-status-lights i{width:5px;height:5px;border-radius:50%;background:#7e9fb238;box-shadow:inset 0 0 2px #000000bf}.bay-status-lights i.is-on{background:#58cee8;box-shadow:0 0 6px #38d9f5b8}.bay-lock-banner{position:absolute;z-index:6;top:39px;left:7px;right:7px;display:flex;justify-content:center;align-items:center;gap:5px;padding:4px;border:1px solid rgba(255,93,99,.5);border-radius:5px;color:#ff9b9f;background:#490f15de;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font:800 7px/1 ui-monospace,monospace;letter-spacing:.8px}.bay-tier-slots{flex:1;min-height:0;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:4px;padding:7px 0 4px}.bay-slot-box{position:relative;min-height:clamp(66px,9.7vh,92px);display:flex;align-items:flex-end;justify-content:center}.bay-slot-box.slot-empty{border:1px dashed rgba(151,194,215,.11);border-radius:5px;background:linear-gradient(145deg,#0f243214,#05121d0a)}.tier-marker{position:absolute;left:5px;bottom:4px;color:#84a4b545;font:700 9px/1 Inter,ui-sans-serif,sans-serif}.drop-target-active{border-color:#38d9f599!important;background:#38d9f517!important;box-shadow:inset 0 0 20px #38d9f512;animation:dropPulse 1.25s ease-in-out infinite}.drop-prompt{align-self:center;display:flex;align-items:center;gap:4px;color:#7eeafd;font:800 8px/1 ui-monospace,monospace;letter-spacing:.6px}.container-unit{--container-color: #324e62;--container-light: #4c6f85;--container-dark: #172c3a;position:relative;width:calc(100% - 8px);height:calc(100% - 4px);min-height:54px;display:flex;flex-direction:column;margin-right:5px;color:#f2f7fa;-webkit-user-select:none;user-select:none;filter:saturate(.9);transform:translateZ(0);transform-style:preserve-3d;transition:transform .26s cubic-bezier(.2,.75,.25,1),filter .26s,box-shadow .26s}.container-unit:after{content:"";position:absolute;z-index:-1;top:6px;right:-8px;width:9px;bottom:4px;clip-path:polygon(0 0,100% 10%,100% 92%,0 100%);border-right:1px solid rgba(255,255,255,.13);background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.06) 8px 9px),linear-gradient(90deg,var(--container-dark),#07121a);box-shadow:5px 4px 9px #0000007a}.container-unit.is-top{cursor:grab}.container-unit.is-top:hover{z-index:8;filter:saturate(1.08) brightness(1.12);transform:translateY(-6px) scale(1.018)}.container-unit.is-top:active{cursor:grabbing}.container-unit.is-selected{z-index:9;filter:brightness(1.15);transform:translateY(-5px)}.container-unit.is-selected .container-body{border-color:var(--actor-human);box-shadow:0 0 0 2px #ffb3473b,0 11px 26px #00000094}.cargo-0{--container-color: #32536b;--container-light: #557c92;--container-dark: #193246}.cargo-1{--container-color: #345e55;--container-light: #568177;--container-dark: #1b3a34}.cargo-2{--container-color: #79423b;--container-light: #a45b50;--container-dark: #43251f}.cargo-3{--container-color: #3d4e70;--container-light: #5b7098;--container-dark: #202d47}.theme-target-buried{--container-color: #176744;--container-light: #259465;--container-dark: #0a3825}.theme-target-ready{--container-color: #159253;--container-light: #31c878;--container-dark: #07502d;animation:targetReady 1.4s ease-in-out infinite alternate}.theme-blocker{--container-color: #805022;--container-light: #b87731;--container-dark: #492d12}.theme-urgent{--container-color: #81414a;--container-light: #a85c67;--container-dark: #46232a}.theme-high{--container-color: #31546e;--container-light: #4e7b9a;--container-dark: #182f41}.theme-low{--container-color: #414c57;--container-light: #5c6975;--container-dark: #252d35}.container-roof{position:absolute;z-index:3;top:-5px;left:3px;right:-2px;height:8px;display:flex;align-items:center;padding:0 3px;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);border-top:1px solid rgba(255,255,255,.26);background:linear-gradient(180deg,var(--container-light),var(--container-color));transform:skew(-18deg);transform-origin:bottom}.roof-ridges{flex:1;height:100%;display:flex;justify-content:space-around}.roof-ridges i{width:1px;height:100%;background:#030a0f47;box-shadow:1px 0 #ffffff17}.container-body{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto 23%;align-items:center;gap:5px;overflow:hidden;padding:6px 7px 5px 8px;border:1px solid color-mix(in srgb,var(--container-light) 68%,white 10%);border-radius:2px;background:linear-gradient(165deg,var(--container-light) 0%,var(--container-color) 17%,var(--container-dark) 100%);box-shadow:0 7px 13px #00000085,inset 0 1px #ffffff29,inset 0 -6px 12px #0000002e}.corrugation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 2px,transparent 2px 8px,rgba(0,0,0,.18) 8px 10px);mix-blend-mode:overlay;opacity:.85}.container-left-col,.container-center-col,.container-right-col{position:relative;z-index:2;min-width:0}.container-left-col{display:flex;flex-direction:column;gap:2px}.cargo-brand{color:#ebf7fa8f;font:800 8px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.65px}.container-id-row{display:flex;align-items:center;gap:5px}.container-id-text{color:#fff;font:900 clamp(10px,1vw,14px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.4px;text-shadow:0 2px 4px rgba(0,0,0,.7)}.container-spec-label{max-width:100%;overflow:hidden;color:#ecf6faa8;font-size:8px;font-weight:700;letter-spacing:.4px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.priority-tag{padding:2px 3px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:#02080d5c;color:#ffffffc7;font:800 8px/1 Inter,ui-sans-serif,sans-serif}.priority-tag.p-urgent{color:#fff0c2;border-color:#ffc148a3}.priority-tag.p-high{color:#d4ecff}.container-center-col{display:flex;justify-content:center}.status-pill{max-width:84px;overflow:hidden;padding:3px 5px;border:1px solid;border-radius:4px;font:800 8px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap}.pill-target-ready{color:#b6ffd0;border-color:#6fffa3bf;background:#054d27b8}.pill-target-buried{color:#97f9ba;border-color:#55e88994;background:#04371eb3}.pill-blocker{color:#ffd08a;border-color:#ffb347a6;background:#542d04b8}.pill-movable{color:#a1effc;border-color:#54d5ee80;background:#02374aa3}.container-right-col{align-self:stretch;border-left:1px solid rgba(255,255,255,.2)}.door-rods{position:relative;width:100%;height:100%;display:flex;justify-content:space-around;padding:0 2px}.door-rods .rod{width:2px;border-radius:2px;background:linear-gradient(90deg,#3c4b52,#c0cbd0 45%,#46555c);box-shadow:1px 0 2px #00000080}.door-latch{position:absolute;left:25%;right:25%;height:2px;background:#cddadfb3}.latch-one{top:30%}.latch-two{bottom:28%}.container-bottom-sill{height:4px;display:flex;align-items:center;padding:0 1px;background:linear-gradient(90deg,#111d24,var(--container-dark),#0a1217);box-shadow:0 3px 5px #00000075}.corner-casting{width:5px;height:5px;flex:0 0 auto;border:1px solid rgba(216,229,234,.45);background:#111a20}.bottom-sill-line{flex:1;height:1px;background:#c8dbe23d}.bay-foundation{min-height:27px;display:flex;align-items:center;gap:6px;margin:0 -2px;padding:4px 4px 0;border-top:2px solid rgba(255,186,72,.36)}.ground-marker,.reserve-marker{color:#bed5e19e;font:800 7px/1 ui-monospace,monospace;letter-spacing:.9px}.reserve-marker{max-width:64px;overflow:hidden;color:#d5bb7b;text-overflow:ellipsis}.lock-toggle-btn{width:25px;height:22px;display:grid;place-items:center;margin-left:auto;border:1px solid var(--border-subtle);border-radius:5px;color:#8fa7b7;background:#050f18a6}.lock-toggle-btn:hover{color:#ffd08a;border-color:var(--actor-human-border)}.lock-toggle-btn.is-locked{color:#ff8b90;border-color:#ff5d639e;background:#5b121899}.tool-analyze-blockers .theme-blocker .container-body{animation:blockerPulse .8s ease-in-out 2}.plan-route-overlay{z-index:12;top:164px;left:82px;right:116px;bottom:96px;width:calc(100% - 198px);height:calc(100% - 260px);overflow:visible}.route-shadow,.route-line{fill:none;vector-effect:non-scaling-stroke}.route-shadow{stroke:#010508cc;stroke-width:9px}.route-line{stroke:#4fe0fa;stroke-width:3px;stroke-linecap:round;stroke-dasharray:9 8;filter:drop-shadow(0 0 6px rgba(56,217,245,.9));animation:routeFlow 1.05s linear infinite}#route-arrow path{fill:#70edff}.route-step circle{fill:#031c28f0;stroke:#65e9ff;stroke-width:2px;vector-effect:non-scaling-stroke}.route-step text{fill:#fff;font:900 15px ui-monospace,monospace}.yard-stale .route-line{stroke:#ff686e;filter:drop-shadow(0 0 7px rgba(255,93,99,.92));animation:staleRoute .42s steps(2) infinite}.yard-stale #route-arrow path{fill:#ff686e}.moving-container-ghost{position:absolute;z-index:24;top:48%;left:var(--move-from);width:104px;height:38px;display:flex;flex-direction:column;justify-content:center;padding:5px 9px;border:1px solid var(--actor-agent-border);border-radius:4px;color:#d9faff;background:repeating-linear-gradient(90deg,#53d3eb5c 0,#53d3eb5c 3px,#053848e0 3px,#053848e0 10px);box-shadow:0 0 24px #38d9f580,0 12px 25px #00000080;opacity:0;pointer-events:none;transform:translate(-50%);animation:confirmedMove .95s cubic-bezier(.22,.8,.2,1) forwards}.moving-container-ghost.actor-human{border-color:var(--actor-human-border);background:repeating-linear-gradient(90deg,#ffb84959 0,#ffb84959 3px,#4b2b07e6 3px,#4b2b07e6 10px);box-shadow:0 0 24px #ffb3476b,0 12px 25px #00000080}.moving-container-ghost small{font:800 5px/1 ui-monospace,monospace;letter-spacing:.8px;text-transform:uppercase}.moving-container-ghost strong{margin-top:3px;font:900 10px/1 ui-monospace,monospace}.selected-container-bar{position:absolute;z-index:28;top:105px;left:50%;width:min(520px,calc(100% - 320px));min-height:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:7px 8px 7px 11px;border:1px solid var(--actor-human-border);border-radius:10px;background:#201608d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 13px 35px #0000006b;transform:translate(-50%)}.selected-container-bar>div{display:flex;flex-direction:column}.selected-container-bar span{color:var(--actor-human);font:800 6px/1 ui-monospace,monospace;letter-spacing:1px}.selected-container-bar strong{margin-top:3px;font:900 12px/1 ui-monospace,monospace}.selected-container-bar p{color:#d5c5ab;font-size:9px}.selected-container-bar button{display:flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid var(--actor-human-border);border-radius:6px;color:#ffd28c;background:#ffb34717;font-size:8px;font-weight:800;text-transform:uppercase}.yard-legend{position:absolute;z-index:18;right:118px;bottom:72px;display:flex;gap:10px;padding:5px 8px;border:1px solid rgba(137,199,225,.15);border-radius:7px;color:#c0d8e3a3;background:#020c1494;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font:700 7px/1 ui-monospace,monospace;text-transform:uppercase}.yard-legend span{display:flex;align-items:center;gap:4px}.yard-legend i{width:6px;height:6px;border-radius:50%}.agent-color{background:var(--actor-agent)}.human-color{background:var(--actor-human)}.target-color{background:var(--status-success)}.operator-dock{position:absolute;z-index:34;top:50%;left:20px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border:1px solid rgba(139,197,221,.2);border-radius:14px;background:var(--glass-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-deep);transform:translateY(-43%)}.dock-label{padding:3px 0 6px;color:#ffb950b8;font:900 7px/1 ui-monospace,monospace;letter-spacing:1.4px;writing-mode:vertical-rl}.dock-action{position:relative;width:38px;height:36px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;color:#9bb1c0;background:#6fa0b90f;transition:var(--transition-fast)}.dock-action:hover:not(:disabled){color:#e9f8ff;border-color:#84cee85c;background:#33748f33;transform:translate(2px)}.dock-action.is-warning{color:#ffc56d}.dock-action.is-danger{color:#ff8287;border-color:#ff5d6359}.dock-action span{position:absolute;left:47px;top:50%;width:max-content;padding:6px 8px;border:1px solid var(--border-subtle);border-radius:6px;color:#ddecf3;background:#030e17f0;font-size:8px;font-weight:800;letter-spacing:.5px;opacity:0;pointer-events:none;transform:translate(-6px,-50%);transition:var(--transition-fast)}.dock-action:hover span,.dock-action:focus-visible span{opacity:1;transform:translateY(-50%)}.dock-divider{width:22px;height:1px;background:var(--border-subtle)}.agent-dock{position:absolute;z-index:42;top:106px;right:-328px;width:424px;max-height:min(390px,calc(100% - 188px));display:grid;grid-template-columns:96px 328px;align-items:start;transition:right .42s cubic-bezier(.22,.8,.23,1)}.agent-dock.is-open,.agent-dock:focus-within,.agent-dock:hover{right:18px}.agent-dock-tab{min-height:58px;display:grid;grid-template-columns:26px 1fr 12px;align-items:center;gap:6px;margin-top:10px;padding:8px 7px;border:1px solid rgba(56,217,245,.38);border-right:0;border-radius:12px 0 0 12px;background:linear-gradient(135deg,#062332eb,#03111cd6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:-9px 16px 32px #00000059,inset 0 1px #ffffff0d;text-align:left}.agent-orbit{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(56,217,245,.5);border-radius:50%;color:#6feaff;background:#38d9f51a;box-shadow:0 0 18px #38d9f51f}.agent-tab-copy{display:flex;min-width:0;flex-direction:column}.agent-tab-copy small{overflow:hidden;color:#7296a8;font:800 8px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.3px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.agent-tab-copy strong{margin-top:4px;color:#8eefff;font:800 10px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.15px}.agent-dock.has-alert .agent-dock-tab{border-color:#ff5d63a6;background:linear-gradient(135deg,#441118f0,#120d16e6)}.agent-dock.has-alert .agent-tab-copy strong,.agent-dock.has-alert .agent-orbit{color:#ff9296}.agent-dock-surface{max-height:min(390px,calc(100vh - 190px));overflow-y:auto;padding:12px;border:1px solid rgba(56,217,245,.32);border-radius:15px 0 0 15px;background:var(--glass);-webkit-backdrop-filter:blur(10px) saturate(1.14);backdrop-filter:blur(10px) saturate(1.14);box-shadow:var(--shadow-deep),inset 0 1px #ffffff0e;scrollbar-width:thin;scrollbar-color:rgba(56,217,245,.25) transparent}.agent-panel-heading,.agent-panel-heading>div,.agent-command-row,.plan-title-row,.plan-actions,.trace-heading{display:flex;align-items:center}.agent-panel-heading{justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.agent-panel-heading>div{gap:8px}.agent-panel-heading>div>div{display:flex;flex-direction:column}.agent-panel-heading small{color:#5f7e8f;font:800 9px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.45px}.agent-panel-heading strong{margin-top:4px;font-size:13px}.agent-live-dot{width:8px;height:8px;border-radius:50%;background:var(--status-success);box-shadow:0 0 9px #55e889bf}.version-chip{padding:5px 7px;border:1px solid var(--actor-agent-border);border-radius:7px;color:#8bebfb;font:800 10px/1 Inter,ui-sans-serif,sans-serif}.agent-command-row{gap:7px;margin:12px 0}.agent-command-row button{flex:1;min-height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-subtle);border-radius:7px;color:#c4d5de;background:#6597af14;font-size:11px;font-weight:800}.plan-preview-card{padding:11px;border:1px solid rgba(56,217,245,.3);border-radius:10px;background:#03121da6}.plan-preview-card.plan-stale{border-color:#ff5d6380;background:#300b116b}.plan-title-row{justify-content:space-between;color:#6f93a5;font:800 9px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.45px}.plan-title-row strong{color:#98effd;font-size:10px}.plan-move-list{display:grid;gap:5px;margin:9px 0}.plan-move-row{display:grid;grid-template-columns:20px 1fr auto 12px auto;align-items:center;gap:5px;padding:6px;border:1px solid rgba(134,185,207,.14);border-radius:6px;background:#5992aa0f;font-size:10px}.plan-move-row>span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#07141d;background:#55def7;font-weight:900}.plan-move-row strong{font:800 10px/1 ui-monospace,monospace}.plan-move-row code{color:#bdd0da;font:800 9px/1 ui-monospace,monospace}.plan-move-row i{color:var(--actor-agent);font-style:normal}.plan-ready{color:var(--status-success);font-size:9px}.validation-mini{display:flex;flex-wrap:wrap;gap:4px}.validation-mini span{padding:3px 4px;border-radius:4px;color:#8df0ae;background:#55e88914;font:800 8px/1 Inter,ui-sans-serif,sans-serif}.validation-mini span.invalid{color:#ff9ea2;background:#ff5d6317}.stale-warning{display:flex;gap:8px;margin-top:9px;padding:8px;border:1px solid rgba(255,93,99,.3);border-radius:6px;color:#ff8e93;background:#ff5d6314}.stale-warning>div{display:flex;flex-direction:column}.stale-warning strong{font:800 10px/1 Inter,ui-sans-serif,sans-serif}.stale-warning span{margin-top:4px;color:#c89da2;font-size:10px}.plan-actions{gap:6px;margin-top:9px}.plan-actions button{flex:1;padding:6px;font-size:10px;font-weight:800}.agent-empty{min-height:76px;display:flex;align-items:center;gap:10px;padding:12px;border:1px dashed rgba(119,174,196,.2);border-radius:8px;color:#8099a8;background:#4e80970a;font-size:11px;line-height:1.5}.agent-empty svg{flex:0 0 auto;color:var(--actor-agent)}.agent-trace{margin-top:12px}.trace-heading{gap:5px;margin-bottom:5px;color:#618092;font:800 9px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.45px}.trace-empty{padding:8px 0;color:#5f7482;font-size:10px}.trace-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:6px;padding:7px 2px;border-top:1px solid rgba(137,185,205,.12)}.trace-status-dot{width:5px;height:5px;border-radius:50%;background:var(--actor-agent);box-shadow:0 0 5px #38d9f580}.trace-rejected .trace-status-dot{background:var(--status-danger);box-shadow:0 0 5px #ff5d638c}.trace-row>div{min-width:0}.trace-row strong,.trace-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-row strong{color:#a8eaf4;font:800 10px/1.2 Inter,ui-sans-serif,sans-serif}.trace-rejected strong{color:#ff9296}.trace-row small{margin-top:3px;color:#698291;font-size:9px}.trace-version{color:#637f90;font:800 9px/1 Inter,ui-sans-serif,sans-serif}.ledger-section{position:absolute;z-index:38;right:76px;bottom:16px;left:82px;height:55px;overflow:hidden;border:1px solid rgba(139,197,221,.2);border-radius:13px;background:linear-gradient(110deg,#03101be6,#05131ebd);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);box-shadow:0 17px 40px #0006,inset 0 1px #ffffff0a;transition:height .36s cubic-bezier(.2,.8,.2,1)}.ledger-section.is-expanded{height:258px}.ledger-header{height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:7px 8px}.ledger-expand,.ledger-rewind-btn{height:37px;display:flex;align-items:center;gap:6px;border:1px solid var(--border-subtle);border-radius:8px;color:#a7c0ce;background:#5b90a812;font:800 8px/1 ui-monospace,monospace;letter-spacing:.7px}.ledger-expand{padding:0 9px}.ledger-expand svg{color:var(--actor-agent)}.ledger-expand strong{min-width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#6fdff1;background:#38d9f51a}.ledger-rewind-btn{padding:0 10px;color:#ffc978}.latest-event{min-width:0;height:37px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 10px;border-left:2px solid var(--actor-system);border-radius:5px;background:#809daf0f}.latest-event.actor-human{border-color:var(--actor-human)}.latest-event.actor-agent{border-color:var(--actor-agent)}.latest-event>span,.latest-event>strong{font:800 7px/1 ui-monospace,monospace;letter-spacing:.6px;text-transform:uppercase}.latest-event>span{color:#7690a0}.latest-event.actor-human>span{color:var(--actor-human)}.latest-event.actor-agent>span{color:var(--actor-agent)}.latest-event>strong{color:#d2e1e8}.latest-event p{overflow:hidden;color:#839cab;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.latest-event code{color:#6e8999;font:700 7px/1 ui-monospace,monospace}.ledger-expanded-content{height:203px;overflow-y:auto;padding:7px 8px 10px;border-top:1px solid var(--border-subtle)}.timeline-events{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:7px}.timeline-event{min-width:0;min-height:117px;padding:9px;border:1px solid rgba(137,185,205,.13);border-top:2px solid var(--actor-system);border-radius:7px;background:#4e7e940d}.timeline-event.actor-human{border-top-color:var(--actor-human)}.timeline-event.actor-agent{border-top-color:var(--actor-agent)}.timeline-event-top{display:grid;grid-template-columns:1fr auto auto;gap:5px;color:#607b8b;font:700 6px/1 ui-monospace,monospace;text-transform:uppercase}.timeline-event h3{margin-top:10px;color:#d9e7ed;font:900 9px/1 ui-monospace,monospace;text-transform:uppercase}.timeline-event p{min-height:30px;margin-top:5px;color:#7f98a7;font-size:7.5px}.timeline-event-actions{display:flex;gap:5px;margin-top:7px}.timeline-event-actions button{display:flex;align-items:center;gap:3px;padding:4px 5px;border:1px solid var(--border-subtle);border-radius:5px;color:#94abb8;background:#59899f12;font-size:7px}.change-inspector{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:7px}.change-inspector>div{max-height:70px;overflow:auto;padding:6px 8px;border:1px solid rgba(137,185,205,.14);border-radius:6px;background:#030d159e}.change-inspector span{color:var(--actor-agent);font:800 6px/1 ui-monospace,monospace}.change-inspector pre{margin-top:4px;color:#7992a0;font:7px/1.4 ui-monospace,monospace;white-space:pre-wrap}.event-pulse-banner{position:absolute;z-index:80;top:95px;left:50%;max-width:min(680px,calc(100% - 340px));display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid;border-radius:9px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 13px 30px #00000061;font-size:9px;font-weight:800;transform:translate(-50%);animation:noticeIn .26s ease-out}.banner-human{color:#ffd08a;border-color:var(--actor-human-border);background:#3a2308e0}.banner-agent{color:#8cedfc;border-color:var(--actor-agent-border);background:#032533e0}.banner-system{color:#d0dce3;border-color:var(--actor-system-border);background:#0d1922e6}.modal-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#00050bd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{width:760px;max-width:94vw;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(99,199,228,.34);border-radius:17px;background:linear-gradient(145deg,#091725,#050e18);box-shadow:0 30px 90px #000000b8}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid var(--border-subtle)}.modal-header h3{font-size:14px}.modal-header button{border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-muted);background:#739db214}.modal-body{overflow-y:auto;padding:17px;color:var(--text-main);font-size:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid var(--border-subtle);border-radius:999px;font-weight:700}.prompt-copy-block{margin-bottom:10px;padding:10px 11px;border:1px solid var(--border-subtle);border-radius:8px;background:#020b138c}.prompt-copy-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.prompt-copy-title{color:var(--actor-agent);font-size:11px;font-weight:800}.prompt-text,.code-tag{color:#d6e9f2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.text-white{color:#fff}.text-amber{color:#ffd08a}.text-emerald{color:#7ceda2}.text-cyan{color:#7ceafb}.text-muted{color:var(--text-muted)}.font-semibold{font-weight:700}@keyframes livePulse{0%,to{opacity:.48}50%{opacity:1}}@keyframes hazeDrift{0%{transform:translate(-2%) scale(.98)}to{transform:translate(2%) scale(1.02)}}@keyframes vehiclePass{0%{transform:translate(-80px);opacity:0}8%,88%{opacity:.72}to{transform:translate(75vw);opacity:0}}@keyframes yardScan{0%{left:8%;opacity:0}12%{opacity:.92}88%{opacity:.92}to{left:91%;opacity:0}}@keyframes routeFlow{to{stroke-dashoffset:-34px}}@keyframes staleRoute{0%,to{opacity:.32}50%{opacity:1}}@keyframes confirmedMove{0%{left:var(--move-from);opacity:0;transform:translate(-50%,8px) scale(.88)}14%{opacity:.96}48%{transform:translate(-50%,-72px) scale(1.03)}86%{left:var(--move-to);opacity:.96;transform:translate(-50%,-68px) scale(1)}to{left:var(--move-to);opacity:0;transform:translate(-50%,3px) scale(.9)}}@keyframes dropPulse{0%,to{box-shadow:inset 0 0 14px #38d9f50a}50%{box-shadow:inset 0 0 28px #38d9f526,0 0 12px #38d9f514}}@keyframes blockerPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35);box-shadow:0 0 18px #ffb3478c}}@keyframes targetReady{0%{filter:saturate(1) brightness(1)}to{filter:saturate(1.18) brightness(1.16) drop-shadow(0 0 8px rgba(85,232,137,.58))}}@keyframes noticeIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:1150px){.command-bar{grid-template-columns:auto 1fr auto}.brand-lockup small,.connection-signal{display:none}.mission-capsule{min-width:0;justify-self:center}.operational-yard{padding-right:92px;padding-left:72px}.plan-route-overlay{left:72px;right:92px;width:calc(100% - 164px)}.stacks-grid{gap:9px}.container-center-col{position:absolute;right:27%;bottom:4px}.status-pill{max-width:68px;font-size:5.5px}.ledger-section{left:72px;right:68px}}@media(max-width:820px){html,body,#root{overflow-y:auto}.cinematic-shell{min-height:760px}.command-bar{left:10px;right:10px;top:10px;grid-template-columns:auto auto}.mission-capsule{grid-column:1 / -1;grid-row:2;width:100%;min-width:0}.live-state-cluster{grid-column:2;grid-row:1}.operational-yard{padding:172px 60px 94px;overflow-x:auto}.terminal-yard-plane{min-width:810px}.plan-route-overlay{display:none}.operator-dock{left:8px}.agent-dock{top:162px}.ledger-section{left:60px;right:10px}.latest-event p,.ledger-rewind-btn{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.connection-signal.is-live svg,.yard-haze,.vehicle-one,.vehicle-two{animation:none!important}.cinematic-shell *,.cinematic-shell *:before,.cinematic-shell *:after{animation-iteration-count:1!important}.yard-haze{filter:none!important;opacity:.72;background:radial-gradient(ellipse at center,rgba(61,150,187,.08),transparent 70%)!important}.work-light,.yard-vehicle i{filter:none!important}.work-light:after{box-shadow:0 0 10px 2px #b4e7ff47!important}.command-bar,.selected-container-bar,.yard-legend,.operator-dock,.agent-dock-tab,.agent-dock-surface,.bay-lock-banner{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.command-bar{background:linear-gradient(100deg,#030e19f7,#071623f0)!important;box-shadow:0 10px 28px #00000057,inset 0 1px #ffffff0a!important}.operator-dock,.agent-dock-surface{background:#04101bf2!important;box-shadow:0 14px 34px #0000006b,inset 0 1px #ffffff0a!important}.agent-dock-tab{background:linear-gradient(135deg,#062332fa,#03111cf5)!important;box-shadow:-6px 10px 22px #0000004d!important}.selected-container-bar{background:#201608f5!important}.yard-legend,.bay-lock-banner{background-color:#030e17f0!important}.route-line,.yard-stale .route-line{filter:none!important;animation-iteration-count:1!important}.container-unit{transform-style:flat!important;filter:none}.container-unit.is-top:hover,.container-unit.is-selected{filter:brightness(1.08)!important}.container-body{box-shadow:0 5px 10px #00000070,inset 0 1px #ffffff24,inset 0 -4px 8px #00000024!important}.agent-dock:not(.is-open):hover,.agent-dock:not(.is-open):focus-within{right:-328px!important}.crane-spreader{transition-duration:.32s!important}@media(prefers-reduced-motion:reduce){.cinematic-shell *,.cinematic-shell *:before,.cinematic-shell *:after{animation:none!important;transition-duration:80ms!important;scroll-behavior:auto!important}}html,body,#root{scroll-behavior:auto!important;overscroll-behavior:none}.ledger-section,.event-pulse-banner,.modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ledger-section{background:linear-gradient(110deg,#03101bfa,#05131ef5)!important}.event-pulse-banner{background-color:#05131efa!important}.agent-dock-surface,.ledger-expanded-content,.change-inspector>div,.modal-body{overscroll-behavior:contain;contain:paint;-webkit-overflow-scrolling:touch;scroll-behavior:auto!important}.operational-yard{contain:layout paint}