*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-canvas:#1a1f2e;--bg-panel:#232838;--bg-card:#2a2f45;--bg-hover:#323751;--border:#3d4463;--border-light:#4d5580;--text-primary:#e8eaf6;--text-secondary:#9ba3c7;--text-muted:#666d99;--zone-a:#3b82f6;--zone-b:#8b5cf6;--zone-c:#10b981;--zone-d:#f59e0b;--road:#374151;--font:"Inter", -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-size:16px}body{font-family:var(--font);background:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.overview-map{flex-direction:column;gap:18px;min-width:1200px;padding:30px 32px 60px;display:flex}.map-title{text-align:center}.map-title h1{color:#e8eaf6;letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.map-title p{color:#666d99;margin-top:4px;font-size:.78rem}.map-legend{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.legend-item{color:#9ba3c7;align-items:center;gap:6px;font-size:.72rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.lane7-wrapper{align-items:flex-start;gap:0;width:100%;display:flex}.lane7-spacer-left{flex-shrink:0;gap:0;display:flex}.lane7-entry-ghost{flex-shrink:0;width:80px}.lane7-road-ghost{flex-shrink:0;width:38px}.lane7-spacer-right{flex-shrink:0;gap:0;display:flex}.lane7-zone-d-ghost{flex-shrink:0;min-width:180px}.lane7-bottom{background:#1c0f0f;border:2px dashed #ef444466;border-radius:6px;flex:1;min-width:0;padding:10px 16px;position:relative}.lane7-from-c{color:#ef4444;white-space:nowrap;font-size:.65rem;font-weight:800;animation:1.5s infinite lane7arrow;position:absolute;top:-20px;right:0}@keyframes lane7arrow{0%,to{opacity:.5;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}.lane7-track{align-items:center;gap:8px;display:flex}.lane7-exit-dir{color:#ef4444;white-space:nowrap;font-size:.6rem;font-weight:700}.lane7-truck-anim{font-size:1rem;animation:2.5s ease-in-out infinite lane7truck}@keyframes lane7truck{0%,to{opacity:.3;transform:translate(10px)}50%{opacity:1;transform:translate(-10px)}}.lane7-dashes{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden}.lane7-dash{background:#ef444466;border-radius:1px;flex-shrink:0;width:18px;height:3px}.lane7-label{text-align:center;color:#ef4444;letter-spacing:.04em;margin-top:4px;font-size:.68rem;font-weight:700}.ov-zones-row{flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:0;display:flex;overflow-x:auto}.ov-entry{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px;display:flex}.ov-entry-trucks{gap:4px;display:flex}.ov-truck-icon{font-size:1.3rem;animation:2.5s ease-in-out infinite truckMove}.ov-truck-icon:nth-child(2){animation-delay:.4s}.ov-truck-icon:nth-child(3){animation-delay:.8s}@keyframes truckMove{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.ov-entry-label{color:#666d99;text-align:center;font-size:.62rem;line-height:1.3}.ov-road{flex-direction:column;justify-content:center;align-items:center;min-width:32px;padding:0 3px;display:flex}.ov-road-dashes{flex-direction:column;gap:5px;display:flex}.ov-rd{background:#f59e0b55;border-radius:1px;width:22px;height:3px}.ov-road-lbl{color:#f59e0b;margin-top:2px;font-size:.85rem}.ov-zone{cursor:pointer;background:#1e2235;border:2px solid #3d4463;border-radius:12px;flex-shrink:0;padding:14px;transition:all .22s;position:relative}.ov-zone:hover{border-color:var(--zc);box-shadow:0 0 24px var(--zg), 0 4px 16px #00000080;transform:translateY(-3px)}.ov-zone--active{border-color:var(--zc)!important;box-shadow:0 0 36px var(--zg), 0 8px 32px #0009!important;background:#1a2035!important}.ov-zone-header{border-bottom:1px solid #2e3450;align-items:baseline;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.ov-zone-label{color:var(--zc);letter-spacing:.06em;font-size:.88rem;font-weight:800}.ov-zone-sub{color:#666d99;font-size:.62rem}.ov-zone-body{min-height:100px}.ov-zone-hint{color:var(--zc);text-align:center;opacity:0;margin-top:8px;font-size:.6rem;transition:opacity .2s}.ov-zone-hint.vis{opacity:1}.ov-zone--b{min-width:420px}.m-a{flex-direction:column;align-items:center;gap:5px;display:flex}.m-a-barrier{color:#ef4444;white-space:nowrap;background:#2a2f45;border:1px solid #ef4444;border-radius:4px;padding:3px 8px;font-size:.6rem;font-weight:700}.m-a-cams{color:#60a5fa;background:#1e2a3a;border:1px solid #1e3a5f;border-radius:3px;padding:2px 6px;font-size:.58rem}.m-a-main{align-items:center;gap:4px;display:flex}.m-a-cont{color:#9ba3c7;flex-direction:column;gap:2px;font-size:.55rem;display:flex}.m-a-cont>div{white-space:nowrap;background:#232c42;border:1px solid #3d4463;border-radius:3px;padding:3px 5px}.m-a-left>div{border-left:2px solid #3b82f6}.m-a-right>div{border-left:2px solid #f59e0b}.m-a-scale{color:#10b981;text-align:center;background:#1a2535;border:2px dashed #10b981;border-radius:4px;padding:6px 8px;font-size:.58rem;font-weight:700}.m-b{flex-direction:column;gap:4px;display:flex}.m-b-lane{border:1px solid var(--lc,#3d4463);border-left:3px solid var(--lc,#3d4463);background:#1e2235;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;display:flex}.m-b-barrier{font-size:.75rem}.m-b-label{color:#9ba3c7;white-space:nowrap;min-width:70px;font-size:.62rem;font-weight:600}.m-b-dots{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.m-b-dot{background:var(--lc,#3d4463);opacity:.4;border-radius:1px;width:6px;height:2px}.m-b-truck{font-size:.8rem}.m-c{flex-direction:column;align-items:center;gap:4px;display:flex}.m-c-cont{white-space:nowrap;border-radius:4px;padding:5px 10px;font-size:.58rem;font-weight:600}.m-c-cont.upper{color:#10b981;background:#0a1a12;border:1px solid #10b981;box-shadow:0 0 6px #10b9814d}.m-c-cont.lower{color:#f59e0b;background:#1f1a10;border:1px solid #f59e0b55}.m-c-road-between{color:#666d99;background:#2d3340;border-radius:2px;padding:1px 8px;font-size:.5rem}.m-c-barrier{color:#ef4444;white-space:nowrap;background:#2a2f45;border:1px solid #ef4444;border-radius:4px;padding:3px 8px;font-size:.58rem;font-weight:700}.m-d{flex-direction:column;gap:3px;display:flex}.m-d-item{white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:.58rem;font-weight:600}.m-d-scale{color:#10b981;background:#0d2520;border:1px dashed #10b981}.m-d-cont{color:#f59e0b;background:#1f1a10;border:1px solid #f59e0b44;border-left:3px solid #f59e0b}.system-badges{flex-wrap:wrap;justify-content:center;gap:8px;padding-top:8px;display:flex}.sys-badge{color:#9ba3c7;background:#2a2f45;border:1px solid #3d4463;border-radius:20px;padding:5px 12px;font-size:.68rem}.zone-detail{flex-direction:column;gap:16px;display:flex}.zd-header{background:#1e2235;border:1px solid #3d4463;border-radius:10px;padding:14px}.zd-badge{letter-spacing:.06em;border-radius:20px;margin-bottom:8px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.zd-title{color:#e8eaf6;margin-bottom:6px;font-size:1.05rem;font-weight:700}.zd-desc{color:#9ba3c7;font-size:.78rem;line-height:1.5}.detail-section{background:#1e2235;border:1px solid #3d4463;border-radius:10px;overflow:hidden}.detail-section-title{letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #2e3450;align-items:center;gap:8px;padding:10px 14px;font-size:.78rem;font-weight:700;display:flex}.detail-section-body{flex-direction:column;gap:10px;padding:14px;display:flex}.cam-card{background:#232838;border:1px solid #2e3450;border-radius:8px;align-items:flex-start;gap:10px;padding:10px;display:flex}.cam-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.cam-icon.anpr{background:#1e3a5f}.cam-icon.qr{background:#221e35}.cam-icon.photo{background:#1a2535}.cam-icon.overhead{background:#1c2a2c}.cam-icon.weight{background:#2a1e0f}.cam-id{color:#666d99;margin-bottom:2px;font-family:monospace;font-size:.62rem}.cam-name{color:#e8eaf6;margin-bottom:4px;font-size:.78rem;font-weight:700}.cam-desc{color:#9ba3c7;font-size:.72rem;line-height:1.4}.barrier-card{background:#2a1a1a;border:1px solid #7f1d1d;border-radius:8px;align-items:flex-start;gap:10px;padding:10px;display:flex}.barrier-icon{flex-shrink:0;padding-top:2px;font-size:1.1rem}.barrier-name{color:#fca5a5;margin-bottom:4px;font-size:.78rem;font-weight:700}.barrier-desc{color:#f87171;opacity:.85;font-size:.72rem;line-height:1.4}.info-card{background:#232838;border:1px solid #2e3450;border-radius:8px;padding:10px 12px}.info-card-title{color:#e8eaf6;margin-bottom:6px;font-size:.75rem;font-weight:700}.info-card-list{flex-direction:column;gap:4px;display:flex}.info-item{color:#9ba3c7;padding-left:12px;font-size:.72rem;line-height:1.4;position:relative}.info-item:before{content:"›";color:#4d5580;position:absolute;left:0}.view-tabs{flex-wrap:wrap;gap:6px;padding:12px 14px 0;display:flex}.view-tab{color:#9ba3c7;cursor:pointer;background:#2a2f45;border:1px solid #3d4463;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:.75rem;transition:all .15s}.view-tab:hover{color:#e8eaf6;background:#323751}.view-tab.active{border-color:var(--tab-color,#3b82f6);color:var(--tab-color,#3b82f6);background:#1e3153}.floor-diagram{background:#15192a;border:1px solid #2e3450;border-radius:8px;min-height:120px;padding:12px;position:relative}.floor-label{letter-spacing:.08em;text-transform:uppercase;color:#666d99;margin-bottom:8px;font-size:.65rem;font-weight:700}.floor-rooms{gap:4px;display:flex}.floor-room{color:#9ba3c7;text-align:center;background:#1e2235;border:1px solid #3d4463;border-radius:6px;flex:1;padding:8px;font-size:.65rem;line-height:1.4}.floor-room.highlight{color:#93c5fd;background:#1a2a40;border-color:#3b82f6}.schema-view{background:#0e1220;border:1px solid #2e3450;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.schema-row{justify-content:center;align-items:center;gap:6px;display:flex}.schema-block{color:#9ba3c7;text-align:center;white-space:nowrap;background:#1e2235;border:1px solid #3d4463;border-radius:6px;padding:6px 10px;font-size:.62rem}.schema-block.cam{color:#60a5fa;background:#1e3050;border-color:#3b82f6}.schema-block.barrier{color:#f87171;background:#2a1a1a;border-color:#ef4444}.schema-block.scale{color:#6ee7b7;background:#0d2520;border-color:#10b981}.schema-block.office{color:#fcd34d;background:#2a1e0f;border-color:#f59e0b}.schema-block.led{color:#10b981;background:#081a12;border-color:#10b981;box-shadow:0 0 8px #10b9814d}.schema-arrow{color:#4d5580;font-size:.8rem}.sidebar{background:#232838;border-left:1px solid #3d4463;flex-direction:column;flex-shrink:0;width:420px;animation:.22s slideIn;display:flex;position:relative;overflow:hidden}.sidebar--wide{width:560px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.sidebar-close{color:#9ba3c7;cursor:pointer;z-index:10;background:#2a2f45;border:1px solid #3d4463;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.sidebar-close:hover{color:#e8eaf6;background:#3d4463}.sidebar-content{flex:1;padding:48px 20px 20px;overflow-y:auto}.header{z-index:100;background:#191d2b;border-bottom:1px solid #3d4463;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.header-brand{align-items:center;gap:12px;display:flex}.header-logo{object-fit:contain;border-radius:6px;width:40px;height:40px}.header-title{color:#e8eaf6;letter-spacing:.01em;font-size:1rem;font-weight:700}.header-sub{color:#666d99;margin-top:1px;font-size:.72rem}.header-actions{align-items:center;gap:8px;display:flex}.header-btn{color:#9ba3c7;cursor:pointer;background:#2a2f45;border:1px solid #3d4463;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.82rem;text-decoration:none;transition:all .18s;display:flex}.header-btn:hover,.header-btn.active{color:#e8eaf6;background:#323751;border-color:#4d5580}.workflow-panel{flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow-y:auto}.wf-title{color:#e8eaf6;font-size:1.05rem;font-weight:800}.wf-subtitle{color:#666d99;margin-top:-10px;font-size:.75rem}.wf-flow{background:#1e2235;border:1px solid #3d4463;border-radius:8px;align-items:center;gap:4px;padding:12px;display:flex;overflow-x:auto}.wf-flow-item{flex-shrink:0;align-items:center;gap:4px;display:flex}.wf-flow-zone{white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:.72rem;font-weight:700}.wf-flow-arrow{color:#4d5580;font-size:.8rem}.wf-steps{flex-direction:column;gap:6px;display:flex}.wf-step{background:#1e2235;border:1px solid #3d4463;border-radius:8px;transition:border-color .15s;overflow:hidden}.wf-step:hover,.wf-step--open{border-color:var(--c,#3d4463)}.wf-step-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.wf-step-header:hover{background:#232838}.wf-step-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:flex}.wf-step-icon{flex-shrink:0;font-size:1rem}.wf-step-title{color:#e8eaf6;flex:1;font-size:.8rem;font-weight:700}.wf-step-zone{font-size:.7rem;font-weight:700}.wf-step-toggle{color:#666d99;flex-shrink:0;font-size:.6rem}.wf-step-body{border-top:1px solid #2e3450;flex-direction:column;gap:6px;padding:4px 12px 12px;display:flex}.wf-step-item{color:#9ba3c7;align-items:flex-start;gap:8px;font-size:.72rem;line-height:1.4;display:flex}.wf-step-bullet{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:.58rem;font-weight:800;display:flex}.wf-systems{background:#1e2235;border:1px solid #3d4463;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.wf-systems-title{color:#e8eaf6;margin-bottom:6px;font-size:.85rem;font-weight:800}.wf-systems-summary{color:#9ba3c7;background:#1a1e2e;border-left:3px solid #3b82f6;border-radius:6px;margin-bottom:6px;padding:8px 12px;font-size:.72rem}.wf-sys-section{background:#232838;border:1px solid #3d4463;border-radius:8px;transition:all .15s;overflow:hidden}.wf-sys-section.open{border-color:#4d5580}.wf-sys-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 14px;transition:background .15s;display:flex}.wf-sys-header:hover{background:#2a2f45}.wf-sys-icon{flex-shrink:0;font-size:1.2rem}.wf-sys-name{color:#e8eaf6;flex:1;font-size:.8rem;font-weight:700}.wf-sys-toggle{color:#666d99;flex-shrink:0;font-size:.65rem}.wf-sys-body{border-top:1px solid #2e3450;flex-direction:column;gap:12px;padding:14px;display:flex}.wf-sys-types{color:#9ba3c7;background:#1a1e2e;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;font-size:.72rem;display:flex}.wf-sys-type{align-items:center;gap:6px;display:flex}.wf-sys-zone-block{background:#1a1e2e;border:1px solid #2e3450;border-radius:6px;overflow:hidden}.wf-sys-zone-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 12px;font-size:.75rem;font-weight:700;transition:background .15s;display:flex}.wf-sys-zone-header:hover{background:#232838}.wf-sys-zone-header span:first-child{flex:1}.wf-sys-toggle-sm{color:#666d99;font-size:.6rem}.wf-sys-zone-list{border-top:1px solid #2e3450;flex-direction:column;gap:10px;padding:12px;display:flex}.wf-sys-item-detail{background:#232838;border:1px solid #2e3450;border-left:3px solid #3b82f6;border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.wf-sys-item-id{color:#e8eaf6;font-family:monospace;font-size:.78rem;font-weight:700}.wf-sys-item-type{color:#9ba3c7;font-size:.7rem}.wf-sys-item-location{color:#8b5cf6;font-size:.7rem}.wf-sys-item-purpose{color:#10b981;font-size:.7rem}.wf-sys-item-integration{color:#666d99;font-size:.68rem;font-style:italic}.zone-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0a0c14eb;justify-content:stretch;align-items:stretch;padding:0;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.zone-modal{width:100vw;max-width:none;height:100vh;max-height:none;box-shadow:none;background:#1a1e2e;border:none;border-radius:0;flex-direction:column;animation:.25s modalIn;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.zm-header{background:#161a28;border-bottom:1px solid #2e3450;flex-shrink:0;align-items:center;gap:16px;padding:12px 32px;display:flex}.zm-badge{letter-spacing:.05em;border:1px solid;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:800}.zm-title{color:#e8eaf6;flex:1;font-size:1rem;font-weight:700}.zm-close{color:#9ba3c7;cursor:pointer;background:#2a2f45;border:1px solid #3d4463;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .15s;display:flex}.zm-close:hover{color:#e8eaf6;background:#3d4463}.zm-body{flex:1;padding:28px 40px;overflow-y:auto}.zm-view-tabs{border-bottom:1px solid #2e3450;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:0 0 20px;display:flex}.zm-view-tab{color:#9ba3c7;cursor:pointer;background:#232838;border:1px solid #3d4463;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s}.zm-view-tab:hover{color:#e8eaf6;background:#2e3450}.zm-view-tab.active{background:var(--tab-bg,#1e3050);border-color:var(--tab-color,#3b82f6);color:var(--tab-color,#3b82f6)}.scene-3d{perspective:1200px;justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.iso-view{transform-style:preserve-3d;transition:transform .5s;position:relative;transform:rotateX(55deg)rotate(-45deg)}.iso-view.front{transform:rotateX(10deg)rotateY(-5deg)}.iso-view.back{transform:rotateX(10deg)rotateY(175deg)}.iso-view.left-view{transform:rotateX(10deg)rotateY(85deg)}.iso-view.right-view{transform:rotateX(10deg)rotateY(-85deg)}.iso-view.top-view{transform:rotateX(55deg)rotate(-45deg)}.tooltip-wrap{display:inline-flex;position:relative}.tooltip-popup{z-index:999;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1e30;border:1px solid #4d5580;border-radius:10px;min-width:200px;max-width:320px;padding:10px 14px;animation:.15s tooltipIn;position:absolute;box-shadow:0 8px 32px #000000b3,0 0 0 1px #ffffff0a}.tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip-right{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.tooltip-left{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tooltip-title{color:#e8eaf6;align-items:center;gap:6px;margin-bottom:4px;font-size:.78rem;font-weight:700;display:flex}.tooltip-text{color:#9ba3c7;font-size:.72rem;line-height:1.5}.zone3d{flex-direction:column;gap:20px;display:flex}.iso-container{transform-style:preserve-3d;flex-direction:column;align-items:center;gap:0;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.iso-top{transform:rotateX(58deg)rotate(-45deg)scale(.85)}.iso-front{transform:rotateX(12deg)rotateY(0)scale(.9)}.iso-back{transform:rotateX(12deg)rotateY(180deg)scale(.9)}.iso-left-view{transform:rotateX(12deg)rotateY(70deg)scale(.9)}.iso-right-view{transform:rotateX(12deg)rotateY(-70deg)scale(.9)}.road-entrance,.road-exit{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.road-surface{background:#2d3340;border:1px solid #4b556344;position:relative;overflow:hidden}.road-vert{border-radius:4px;width:100px;height:100px}.road-zone{border-radius:2px;width:100%;height:40px}.road-dashes{flex-direction:column;align-items:center;gap:8px;padding:10px 0;display:flex}.road-dashes-h{flex-direction:row;justify-content:center;align-items:center;gap:10px;height:100%;padding:0 10px}.dash{background:#f59e0b88;border-radius:1px;width:4px;height:14px}.dash-h{width:14px;height:4px}.truck-anim{font-size:1.8rem;animation:3s ease-in-out infinite truckDrive;position:absolute;left:50%;transform:translate(-50%)}@keyframes truckDrive{0%{opacity:.2;bottom:-20px}50%{opacity:1;bottom:60px}to{opacity:0;bottom:120px}}.road-exit-label{color:#8b5cf6;white-space:nowrap;letter-spacing:.04em;font-size:.7rem;font-weight:700;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.barrier{cursor:pointer;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.barrier-pole{background:linear-gradient(#ef4444,#7f1d1d);border-radius:3px;width:6px;height:36px}.barrier-arm{transform-origin:0;background:repeating-linear-gradient(90deg,#ef4444 0 8px,#fff 8px 16px);border-radius:2px;width:80px;height:5px;animation:4s ease-in-out infinite barrierBounce}@keyframes barrierBounce{0%,to{transform:rotate(0)}30%,70%{transform:rotate(-80deg)}}.barrier-label{color:#ef4444;text-align:center;white-space:nowrap;margin-top:4px;font-size:.6rem;font-weight:700;line-height:1.3}.cam-pillar-entry{align-items:flex-end;gap:16px;margin:4px 0;display:flex}.cam-element{cursor:pointer;flex-direction:column;align-items:center;gap:3px;transition:transform .15s;display:flex}.cam-element:hover{transform:scale(1.1)}.cam-body{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.cam-anpr .cam-body{background:#1e3a5f;border:1px solid #3b82f670}.cam-qr .cam-body{background:#2d1f54;border:1px solid #8b5cf670}.cam-label{letter-spacing:.08em;font-size:.55rem;font-weight:700}.cam-anpr .cam-label{color:#60a5fa}.cam-qr .cam-label{color:#a78bfa}.cam-exit-top{position:absolute;top:-20px;left:-50px}.zone-a-ground{background:#141824;border:2px solid #3b82f633;border-radius:12px;align-items:stretch;gap:8px;min-width:650px;min-height:260px;padding:16px;display:flex;position:relative;box-shadow:0 0 40px #3b82f61f}.container-stack{flex-direction:column;flex-shrink:0;gap:4px;width:200px;display:flex}.container-box{cursor:pointer;transform-style:preserve-3d;border-radius:8px;padding:10px;transition:all .2s;position:relative}.container-box:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0006}.floor2{z-index:2;border-top:3px solid}.floor1{z-index:1}.left-c{background:#15223a;border:1px solid #3b82f644}.left-c.floor2{border-top-color:#3b82f6}.right-c{background:#1f1a10;border:1px solid #f59e0b44}.right-c.floor2{border-top-color:#f59e0b}.c-label{letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:.58rem;font-weight:800}.left-c .c-label{color:#3b82f6}.right-c .c-label{color:#f59e0b}.c-rooms{gap:4px;display:flex}.c-room{color:#9ba3c7;text-align:center;border:1px solid #2e345044;border-radius:5px;flex:1;padding:8px 6px;font-size:.6rem;line-height:1.4;position:relative}.c-room-server{background:#1a2545}.c-room-cam{background:#1a2040;border-left:2px solid #3b82f6}.c-room-tech{background:#1a2035}.c-room-store{background:#1e1a10}.c-room-pass{background:#1e1a15;border-left:2px solid #f59e0b}.c-room-1c{background:#1e1a10;border-left:2px solid #f59e0b}.c-room-window{background:#1d1912}.cam-mounted{margin-bottom:3px;font-size:1rem;display:block}.monitor-icon,.desk-icon{margin-top:3px;font-size:.9rem;display:block}.container-side-face{border-radius:0 4px 4px 0;width:8px;position:absolute;top:4px;bottom:4px}.left-face{background:#0f1a2e;border:1px solid #3b82f633;left:-8px}.right-face{background:#17130a;border:1px solid #f59e0b33;right:-8px}.container-top-face{border-radius:4px 4px 0 0;height:6px;position:absolute;top:-6px;left:4px;right:4px}.left-c .container-top-face{background:#1a2e50;border:1px solid #3b82f633}.right-c .container-top-face{background:#2a1e0a;border:1px solid #f59e0b33}.center-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-width:180px;display:flex;position:relative}.scale-platform{cursor:pointer;width:160px;padding:14px;transition:all .2s;position:relative}.scale-platform:hover{transform:translateY(-2px)}.scale-surface{text-align:center;background:#0d2520;border:2px dashed #10b981;border-radius:8px;padding:16px 12px;position:relative}.scale-markings{gap:4px;height:3px;display:flex;position:absolute;top:4px;left:4px;right:4px}.scale-mark{background:#10b98144;border-radius:1px;flex:1;height:3px}.scale-icon{margin-bottom:4px;font-size:1.5rem}.scale-text{color:#10b981;letter-spacing:.06em;font-size:.65rem;font-weight:800;line-height:1.3}.scale-side-face{background:#081a15;border:1px solid #10b98133;border-radius:0 0 4px 4px;height:6px;position:absolute;bottom:-6px;left:8px;right:8px}.truck-on-scale{pointer-events:none;opacity:.35;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.truck-body-3d{align-items:flex-end;gap:2px;display:flex}.truck-cab{font-size:2rem}.truck-trailer{background:#37415133;border:1px solid #4b556333;border-radius:2px;width:60px;height:24px}.zone3d-info{margin-top:8px}.z3d-info-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;display:grid}.z3d-info-card{background:#1e2235;border:1px solid #3d4463;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.z3d-ic-icon{flex-shrink:0;padding-top:2px;font-size:1.2rem}.z3d-ic-title{color:#e8eaf6;margin-bottom:4px;font-size:.78rem;font-weight:700}.z3d-ic-text{color:#9ba3c7;font-size:.7rem;line-height:1.45}.zone3d-full{width:100%}.za-top-view{flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px;display:flex}.za-road{background:#2d3340;border:1px solid #4b556333;border-radius:3px;position:relative;overflow:hidden}.za-road-entry,.za-road-exit-bottom{justify-content:center;align-items:center;width:100%;max-width:800px;height:48px;display:flex}.za-road-entry-short,.za-road-exit-short{justify-content:center;align-items:center;width:100%;max-width:500px;height:36px;display:flex}.za-road-dashes{justify-content:center;align-items:center;gap:10px;display:flex}.za-dash-h{background:#f59e0b66;border-radius:1px;width:20px;height:3px}.za-road-dashes-v{flex-direction:column;align-items:center;gap:8px;padding:10px 0;display:flex}.za-dash-v{background:#f59e0b66;border-radius:1px;width:3px;height:16px}.za-road-truck{font-size:1.5rem;animation:3s ease-in-out infinite zaMoveTruck;position:absolute;top:50%;left:10%;transform:translateY(-50%)}@keyframes zaMoveTruck{0%{opacity:.2;left:5%}50%{opacity:1;left:50%}to{opacity:0;left:90%}}.za-road-label-left{color:#666d99;font-size:.68rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.za-road-label-right{color:#8b5cf6;font-size:.68rem;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.za-lane-to-scales,.za-lane-from-scales{flex-direction:column;align-items:center;gap:4px;padding:2px 0;display:flex;position:relative}.za-lane-dashes{flex-direction:column;align-items:center;gap:6px;display:flex}.za-lane-truck-down{font-size:1.3rem;animation:2s ease-in-out infinite laneDown}@keyframes laneDown{0%,to{opacity:.3;transform:translateY(-4px)}50%{opacity:1;transform:translateY(4px)}}.za-lane-hint{color:#666d99;text-transform:uppercase;letter-spacing:.08em;font-size:.55rem}.za-barrier-h{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;max-width:800px;padding:8px 0;display:flex}.za-barrier-row-h{align-items:flex-end;gap:0;display:flex}.za-barrier-pole-h{background:linear-gradient(#ef4444,#7f1d1d);border-radius:4px;width:8px;height:28px;box-shadow:0 2px 8px #ef44444d}.za-barrier-arm-h{background:repeating-linear-gradient(90deg,#ef4444 0 12px,#fff 12px 20px);border-radius:3px;width:320px;max-width:60vw;height:7px;animation:3s infinite barrierPulse;box-shadow:0 2px 6px #0003}@keyframes barrierPulse{0%,to{opacity:1}50%{opacity:.6}}.za-barrier-label-h{color:#ef4444;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.za-cams-row{gap:12px;display:flex}.za-cam{color:#60a5fa;cursor:pointer;background:#1e3050;border:1px solid #3b82f655;border-radius:6px;padding:6px 14px;font-size:.72rem;font-weight:700;transition:all .15s}.za-cam:hover{background:#243a60;transform:scale(1.05)}.za-cam-qr{color:#a78bfa;background:#2d1f54;border-color:#8b5cf655}.za-cam-qr:hover{background:#3a2870}.za-main-area{background:#141824;border:2px solid #3b82f622;border-radius:12px;align-items:stretch;gap:0;width:100%;max-width:800px;min-height:400px;display:flex;overflow:hidden}.za-container-top{cursor:pointer;flex-direction:column;flex-shrink:0;gap:6px;width:200px;padding:16px;transition:all .2s;display:flex;position:relative}.za-container-top:hover{background:#1a2040}.za-container-left{background:#15223a;border-right:2px solid #3b82f644}.za-container-right{background:#1f1a10;border-left:2px solid #f59e0b44}.za-ct-floor{color:#9ba3c7;text-align:center;border-radius:6px;padding:10px;font-size:.72rem}.za-container-left .za-ct-floor{background:#1a2e50;border:1px solid #3b82f633}.za-container-right .za-ct-floor{background:#2a1e0a;border:1px solid #f59e0b33}.za-ct-label{text-align:center;letter-spacing:.06em;text-transform:uppercase;margin-top:auto;padding-top:8px;font-size:.62rem;font-weight:800}.za-container-left .za-ct-label{color:#3b82f6}.za-container-right .za-ct-label{color:#f59e0b}.za-ct-click{color:#f59e0b;text-align:center;opacity:.6;font-size:.6rem;animation:2s infinite blinky}@keyframes blinky{0%,to{opacity:.4}50%{opacity:1}}.za-road-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;display:flex}.za-scale-top{cursor:pointer;padding:8px;position:relative}.za-scale-surface{color:#10b981;text-align:center;background:#0d2520;border:2px dashed #10b981;border-radius:8px;padding:16px 24px;font-size:.82rem;font-weight:800;box-shadow:0 0 20px #10b98126}.za-truck-on{opacity:.25;pointer-events:none;font-size:1.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.za-front-view{background:linear-gradient(#0f1320 0%,#141824 60%,#1a1f2e 100%);border:1px solid #3b82f622;border-radius:12px;justify-content:center;align-items:flex-end;gap:20px;width:100%;min-height:400px;padding:40px 20px 20px;display:flex}.za-front-stack{flex-direction:column;gap:0;width:240px;display:flex}.za-front-container{border-radius:0;padding:14px;position:relative}.za-fc-2fl{border-top:3px solid;border-radius:8px 8px 0 0}.za-fc-1fl{border-radius:0 0 8px 8px}.za-fc-left{background:#15223a;border:1px solid #3b82f644}.za-fc-left.za-fc-2fl{border-top-color:#3b82f6}.za-fc-right{background:#1f1a10;border:1px solid #f59e0b44}.za-fc-right.za-fc-2fl{border-top-color:#f59e0b}.za-fc-label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.62rem;font-weight:800}.za-fc-left .za-fc-label{color:#3b82f6}.za-fc-right .za-fc-label{color:#f59e0b}.za-fc-rooms{gap:4px;display:flex}.za-fc-room{color:#9ba3c7;text-align:center;border-radius:5px;flex:1;padding:8px;font-size:.62rem;line-height:1.4}.za-fc-left .za-fc-room{background:#1a2e50;border:1px solid #3b82f622}.za-fc-right .za-fc-room{background:#2a1e0a;border:1px solid #f59e0b22}.za-front-center{flex-direction:column;justify-content:flex-end;align-items:center;gap:0;min-width:140px;display:flex}.za-front-road{background:#2d3340;border:1px solid #4b556333;border-radius:4px 4px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100px;height:300px;display:flex;position:relative}.za-front-scale{color:#10b981;background:#0d2520;border:2px dashed #10b981;border-radius:6px;padding:10px;font-size:1rem;font-weight:800}.za-front-truck{opacity:.3;font-size:2.5rem}.za-front-barrier-under{background:#1c1015;border:1px solid #ef444444;border-radius:0 0 6px 6px;flex-direction:column;align-items:center;gap:4px;width:100px;padding:8px 0;display:flex}.za-fbu-row{align-items:flex-start;gap:0;display:flex}.za-fbu-arm{background:repeating-linear-gradient(90deg,#ef4444 0 8px,#fff 8px 14px);border-radius:2px;width:70px;height:5px;animation:3s infinite barrierPulse}.za-fbu-pole{background:linear-gradient(#ef4444,#7f1d1d);border-radius:3px;width:6px;height:24px}.za-fbu-label{color:#ef4444;white-space:nowrap;font-size:.58rem;font-weight:700}.za-front-exit-label{flex-direction:column;align-items:center;gap:2px;padding:8px 0 4px;display:flex}.za-fel-arrow{color:#8b5cf6;font-size:1.2rem;animation:1.5s infinite arrowDown}@keyframes arrowDown{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}.za-fel-text{color:#8b5cf6;white-space:nowrap;font-size:.72rem;font-weight:700}.za-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0a0c14cc;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.za-detail-panel{background:#1a1e2e;border:2px solid #f59e0b44;border-radius:16px;width:700px;max-width:95vw;max-height:90vh;padding:0;overflow-y:auto;box-shadow:0 24px 80px #000c}.za-dp-header{color:#f59e0b;border-bottom:1px solid #2e3450;justify-content:space-between;align-items:center;padding:16px 24px;font-size:.92rem;font-weight:700;display:flex}.za-dp-close{color:#9ba3c7;cursor:pointer;background:#2a2f45;border:1px solid #3d4463;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.za-dp-close:hover{color:#fff;background:#3d4463}.za-dp-floor{border-bottom:1px solid #2e3450;padding:20px 24px}.za-dp-floor-label{color:#f59e0b;letter-spacing:.08em;margin-bottom:12px;font-size:.72rem;font-weight:800}.za-dp-zones{gap:10px;display:flex}.za-dp-zone{background:#232838;border:1px solid #3d4463;border-radius:10px;flex:1;padding:16px}.za-dp-zone-icon{margin-bottom:8px;font-size:1.5rem}.za-dp-zone-name{color:#e8eaf6;margin-bottom:4px;font-size:.82rem;font-weight:700}.za-dp-zone-desc{color:#9ba3c7;font-size:.7rem;line-height:1.5}.za-dp-zone-server{border-left:3px solid #3b82f6}.za-dp-zone-store{border-left:3px solid #8b5cf6}.za-dp-zone-guard{border-left:3px solid #10b981}.za-dp-zone-1c{border-left:3px solid #f59e0b}.za-dp-arrow{background:#161a28;align-items:center;gap:12px;padding:12px 24px;display:flex}.za-dp-arrow-icon{color:#10b981;font-size:1.5rem;animation:1.5s infinite arrowPulse}@keyframes arrowPulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.za-dp-arrow-text{color:#10b981;font-size:.78rem;font-weight:600}.za-dp-output{flex-direction:column;gap:6px;margin-top:10px;display:flex}.za-dp-output-item{color:#f59e0b;background:#1a2535;border:1px solid #f59e0b33;border-radius:6px;padding:8px 12px;font-size:.72rem;font-weight:600}.za-dp-result{background:#0d2520;border-top:2px solid #10b98133;border-radius:0 0 14px 14px;align-items:center;gap:12px;padding:16px 24px;display:flex}.za-dp-result-icon{font-size:1.5rem}.za-dp-result-text{color:#9ba3c7;font-size:.78rem;line-height:1.5}.za-dp-result-text strong{color:#8b5cf6}.zc-top-view{flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px;display:flex}.zc-top-entry,.zc-top-exit{width:100%;max-width:700px}.zc-top-road-h{background:#2d3340;border:1px solid #4b556333;border-radius:3px;justify-content:center;align-items:center;width:100%;height:48px;display:flex;position:relative}.zc-road-dashes-h{align-items:center;gap:10px;display:flex}.zc-road-dashes-v{flex-direction:column;align-items:center;gap:8px;display:flex}.zc-top-entry-label{color:#8b5cf6;white-space:nowrap;font-size:.68rem;font-weight:600;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.zc-top-truck-in{font-size:1.3rem;animation:2.5s ease-in-out infinite truckDown;position:absolute;right:20px}@keyframes truckDown{0%,to{opacity:.3;transform:translateY(-2px)}50%{opacity:1;transform:translateY(2px)}}.zc-top-truck-pass{opacity:.25;font-size:1.5rem;position:absolute}.zc-top-container{cursor:pointer;border-radius:10px;width:100%;max-width:700px;padding:14px 20px;transition:all .2s}.zc-top-container:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.zc-top-single{background:#0d1e18;border:2px solid #10b98144;position:relative}.zc-top-fl{padding:4px 14px}.zc-top-fl-label{color:#10b981;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:.55rem;font-weight:800}.zc-top-fl-divider{background:#10b98133;height:1px;margin:4px 14px}.zc-top-rooms-row{gap:8px;display:flex}.zc-top-room{color:#9ba3c7;text-align:center;background:#0a1a12;border:1px solid #10b98133;border-radius:6px;flex:1;padding:10px;font-size:.72rem;line-height:1.5}.zc-small{color:#666d99;font-size:.58rem}.zc-top-ct-label{letter-spacing:.08em;text-align:center;color:#10b981;margin-top:8px;font-size:.62rem;font-weight:800}.zc-top-led-strip{background:#000;border:2px solid #10b981;border-radius:6px;width:100%;margin-bottom:10px;padding:8px 16px;position:relative;overflow:hidden;box-shadow:0 0 20px #10b98166,0 0 40px #10b98126}.zc-led-glow{background:radial-gradient(#10b98114 0%,#0000 70%);position:absolute;inset:0}.zc-led-text{z-index:1;color:#10b981;text-align:center;text-shadow:0 0 8px #10b98199;letter-spacing:.04em;font-family:monospace;font-size:.78rem;font-weight:800;display:block;position:relative}.zc-lane7{background:#1a2d28;border-color:#10b98144}.zc-top-exit-label{color:#10b981;white-space:nowrap;font-size:.68rem;font-weight:600;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.zc-barrier-exit{max-width:700px}.zc-front-view{background:linear-gradient(#0f1320 0%,#141824 60%,#1a1f2e 100%);border:1px solid #10b98122;border-radius:12px;justify-content:center;align-items:stretch;gap:16px;width:100%;min-height:360px;padding:30px 20px;display:flex}.zc-fv-entry,.zc-fv-exit{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:80px;display:flex}.zc-fv-road-v{flex-direction:column;align-items:center;gap:6px;display:flex}.zc-fv-road-label{color:#8b5cf6;font-size:.68rem;font-weight:700}.zc-fv-truck{font-size:1.5rem;animation:3s ease-in-out infinite zaMoveTruck}.zc-fv-barrier{flex-direction:column;align-items:center;gap:4px;display:flex}.zc-fv-container{border:2px solid #10b98144;border-radius:10px;flex-direction:column;flex:1;gap:0;max-width:600px;display:flex;overflow:hidden}.zc-fv-floor{background:#0d1e18;flex:1;align-items:stretch;min-height:120px;display:flex}.zc-fv-floor-2{border-bottom:2px solid #10b98133}.zc-fv-floor-label{writing-mode:vertical-rl;text-orientation:mixed;color:#10b981;letter-spacing:.08em;text-transform:uppercase;background:#091510;justify-content:center;align-items:center;padding:8px 6px;font-size:.55rem;font-weight:800;display:flex}.zc-fv-floor-content{flex:1;align-items:stretch;gap:0;display:flex}.zc-fv-floor-rooms{flex:1;align-items:stretch;gap:0;padding:12px;display:flex}.zc-fv-rest-section{background:#0a1510;border-right:2px solid #10b98133;flex:3!important}.zc-fv-led{background:#000;flex:7;padding:10px 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #10b98126}.zc-fv-led-row1{z-index:1;border-bottom:1px solid #10b98133;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:6px;padding-bottom:6px;display:flex;position:relative}.zc-fv-led-title{color:#10b981;opacity:.6;letter-spacing:.15em;font-size:.45rem}.zc-fv-led-num{color:#10b981;text-shadow:0 0 10px #10b981b3;font-family:monospace;font-size:.78rem;font-weight:900}.zc-fv-led-info{color:#fff;opacity:.8;font-size:.5rem}.zc-fv-led-queues{z-index:1;justify-content:center;align-items:stretch;gap:0;display:flex;position:relative}.zc-fv-led-q{flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 6px;display:flex}.zc-fv-led-q-title{color:#10b981;letter-spacing:.06em;text-transform:uppercase;font-size:.48rem;font-weight:700}.zc-fv-led-q-count{color:#fff;text-shadow:0 0 8px #10b98180;font-family:monospace;font-size:.95rem;font-weight:900}.zc-fv-led-q-sub{color:#10b98188;font-size:.42rem}.zc-fv-led-q-div{background:#10b98133;width:1px}.zc-fv-section{text-align:center;color:#9ba3c7;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:10px;font-size:.72rem;line-height:1.5;display:flex}.zc-fv-section-icon{margin-bottom:6px;font-size:1.3rem}.zc-fv-divider{background:#10b98133;width:1px;margin:0 6px}.led-scanline{background:linear-gradient(90deg,#0000,#10b98144,#0000);height:2px;animation:2.5s linear infinite scanline;position:absolute;top:0;left:0;right:0}@keyframes scanline{0%{top:0}to{top:100%}}.zd-top-view{flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px;display:flex}.zd-top-road-entry,.zd-top-exit-info{width:100%;max-width:700px}.zd-road-h{background:#2d3340;border:1px solid #4b556333;border-radius:3px;justify-content:center;align-items:center;width:100%;height:48px;display:flex;position:relative}.zd-road-dashes-h{align-items:center;gap:10px;display:flex}.zd-entry-label{color:#10b981;white-space:nowrap;font-size:.68rem;font-weight:600;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.zd-exit-label-bottom{color:#10b981;white-space:nowrap;font-size:.68rem;font-weight:600;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.zd-alternating{flex-direction:column;gap:8px;width:100%;max-width:700px;display:flex}.zd-top-scale{cursor:pointer;background:#0d2520;border:2px dashed #10b981;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.zd-top-scale:hover{transform:translate(4px);box-shadow:0 0 20px #10b98126}.zd-ts-cam{color:#3b82f6;white-space:nowrap;background:#1e3050;border:1px solid #3b82f633;border-radius:6px;padding:6px 10px;font-size:.68rem;font-weight:700}.zd-ts-platform{flex:1;align-items:center;gap:10px;display:flex}.zd-ts-icon{font-size:1.4rem}.zd-ts-label{color:#10b981;letter-spacing:.04em;font-size:.82rem;font-weight:800}.zd-ts-truck{opacity:.5;margin-left:auto;font-size:1.2rem}.zd-top-container{cursor:pointer;background:#1f1a10;border:1px solid #f59e0b44;border-left:4px solid #f59e0b;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.zd-top-container:hover{transform:translate(4px);box-shadow:0 0 20px #f59e0b1f}.zd-tc-icon{font-size:1.4rem}.zd-tc-label{color:#f59e0b;font-size:.82rem;font-weight:800}.zd-tc-person{color:#9ba3c7;margin-left:auto;font-size:.72rem}.zd-front-view{background:linear-gradient(#0f1320 0%,#141824 60%,#1a1f2e 100%);border:1px solid #f59e0b22;border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:30px 20px;display:flex}.zd-fv-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;display:flex}.zd-fv-block{flex-direction:column;align-items:center;gap:6px;width:110px;display:flex}.zd-fv-platform{background:#0d2520;border:2px dashed #10b981;border-radius:8px;justify-content:center;align-items:center;width:90px;height:60px;font-size:1.5rem;display:flex}.zd-fv-box{background:#1f1a10;border:1px solid #f59e0b55;border-left:3px solid #f59e0b;border-radius:8px;justify-content:center;align-items:center;width:90px;height:80px;font-size:1.5rem;display:flex}.zd-fv-lbl{text-align:center;font-size:.68rem;font-weight:700}.zd-fv-scale .zd-fv-lbl{color:#10b981}.zd-fv-cont .zd-fv-lbl{color:#f59e0b}.zd-fv-cam{color:#3b82f6;font-size:.55rem;font-weight:600}.zd-fv-person{color:#9ba3c7;font-size:.55rem}.zd-fv-road-bottom{background:#2d3340;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:700px;padding:10px;display:flex}.app{background:var(--bg-canvas);flex-direction:column;min-height:100vh;display:flex}.app-body{flex:1;display:flex;position:relative;overflow:hidden}.map-area{flex:1;position:relative;overflow:auto}