:root{--bg-color: #060913;--panel-bg: rgba(13, 20, 38, .6);--panel-bg-solid: #0d1426;--panel-border: rgba(255, 255, 255, .07);--panel-border-glow: rgba(0, 242, 254, .3);--text-primary: #f1f3f9;--text-secondary: #8e9bb4;--text-muted: #53627c;--neon-cyan: #00f2fe;--neon-cyan-glow: rgba(0, 242, 254, .35);--neon-amber: #fca311;--neon-amber-glow: rgba(252, 163, 17, .35);--neon-pink: #ff007f;--neon-pink-glow: rgba(255, 0, 127, .35);--neon-green: #39ff14;--neon-green-glow: rgba(57, 255, 20, .35);--neon-red: #ff3333;--neon-red-glow: rgba(255, 51, 51, .35);--font-family: "Inter", sans-serif;--font-display: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);overflow:hidden;height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 10% 20%,rgba(0,242,254,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,0,127,.03) 0%,transparent 40%)}.glass{background:var(--panel-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 8px 32px #0006;transition:border-color .3s ease,box-shadow .3s ease}.glass:hover{border-color:#ffffff1f}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;padding:16px;gap:16px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;height:64px;background:#0d1426d9;border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 4px 20px #0000004d}.logo-area{display:flex;align-items:center;gap:12px}.logo-area h1{font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:.5px}.logo-area .accent{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan-glow);font-size:.9rem;font-weight:600;margin-left:4px}.glow-dot{width:10px;height:10px;background-color:var(--neon-cyan);border-radius:50%;box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan-glow);animation:pulse 2s infinite alternate}.header-stats{display:flex;gap:16px}.stat-bubble{display:flex;flex-direction:column;align-items:flex-end}.stat-bubble .label{font-size:.65rem;color:var(--text-secondary);letter-spacing:1px}.stat-bubble .value{font-family:var(--font-display);font-size:.95rem;font-weight:700}.status-green{color:var(--neon-green);text-shadow:0 0 8px var(--neon-green-glow)}.app-main{display:grid;grid-template-columns:320px 1fr 340px;gap:16px;flex:1;height:calc(100vh - 112px);min-height:0}.sidebar{display:flex;flex-direction:column;gap:16px;padding:20px;overflow-y:auto;min-height:0}.panel-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;border-bottom:1px solid var(--panel-border);padding-bottom:8px;margin-bottom:4px;color:var(--text-primary);display:flex;justify-content:space-between}.control-group{display:flex;flex-direction:column;gap:10px;background:#ffffff05;border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.03)}.control-group h3{font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.btn-row{display:flex;gap:8px;margin-bottom:4px}.btn{flex:1;padding:8px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;border:1px solid transparent}.btn-primary{background-color:#00f2fe1f;border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px #00f2fe0d}.btn-primary:hover{background-color:var(--neon-cyan);color:#000;box-shadow:0 0 15px var(--neon-cyan-glow)}.btn-secondary{background-color:#ffffff0d;border-color:#ffffff26;color:var(--text-primary)}.btn-secondary:hover{background-color:#ffffff26;border-color:#ffffff4d}.btn-text{background:transparent;color:var(--text-secondary);padding:2px 6px;border:none;font-size:.75rem}.btn-text:hover{color:var(--neon-pink)}.slider-container{display:flex;flex-direction:column;gap:6px;width:100%}.slider-header{display:flex;justify-content:space-between;font-size:.75rem}.slider-header label{color:var(--text-secondary)}.slider-value{color:var(--neon-cyan);font-weight:600}input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff1a;outline:none;transition:background .3s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--neon-cyan);cursor:pointer;box-shadow:0 0 8px var(--neon-cyan);transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}.checkbox-container{display:flex;align-items:center;gap:8px;margin-top:4px;cursor:pointer;font-size:.75rem;color:var(--text-secondary)}.checkbox-container input{cursor:pointer;accent-color:var(--neon-pink)}.simulation-area{display:flex;flex-direction:column;gap:16px;min-width:0}.canvas-container{flex:1;position:relative;overflow-x:auto;overflow-y:hidden;border-radius:12px}#sim-canvas{width:auto;height:100%;display:block}.canvas-overlay{position:absolute;top:16px;right:16px;background:#060913b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 14px;border-radius:8px;border:1px solid var(--panel-border);display:flex;flex-direction:column;gap:6px;pointer-events:none}.legend-item{font-size:.7rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.color-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.color-dot.box-a{background-color:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan)}.color-dot.box-b{background-color:var(--neon-amber);box-shadow:0 0 6px var(--neon-amber)}.color-dot.robot{background-color:#e0e6ed;box-shadow:0 0 6px #fff6}.color-dot.amr{background-color:var(--neon-pink);box-shadow:0 0 6px var(--neon-pink)}.event-log-panel{height:160px;display:flex;flex-direction:column;padding:12px 16px}.event-log-panel .panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--panel-border);padding-bottom:6px;margin-bottom:6px}.event-log-panel h3{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.log-output{flex:1;overflow-y:auto;font-family:monospace;font-size:.75rem;display:flex;flex-direction:column;gap:4px}.log-entry{display:flex;gap:8px;line-height:1.4}.log-time{color:var(--text-muted);flex-shrink:0}.log-tag{font-weight:700;flex-shrink:0}.log-tag.system{color:#8e9bb4}.log-tag.robot{color:var(--neon-green)}.log-tag.amr{color:var(--neon-pink)}.log-tag.conveyor{color:var(--neon-cyan)}.log-tag.pusher{color:var(--neon-amber)}.log-tag.error{color:var(--neon-red)}.log-msg{color:var(--text-primary)}.stats-panel{min-height:0}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}.kpi-card{padding:12px;border-radius:8px;background:#ffffff04;display:flex;flex-direction:column;align-items:center;text-align:center}.kpi-label{font-size:.65rem;color:var(--text-secondary);margin-bottom:4px}.kpi-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.2}.kpi-unit{font-size:.65rem;color:var(--text-muted);margin-top:2px}.neon-cyan{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan-glow)}.neon-amber{color:var(--neon-amber);text-shadow:0 0 10px var(--neon-amber-glow)}.neon-pink{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink-glow)}.widget-group{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--panel-border);padding-top:12px}.widget-group h3{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.progress-bar-container{display:flex;flex-direction:column;gap:4px}.progress-bar-header{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary)}.progress-bar-track{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s cubic-bezier(.1,.8,.2,1)}.fill-cyan{background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan)}.fill-amber{background:var(--neon-amber);box-shadow:0 0 6px var(--neon-amber)}.fill-green{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.fill-red{background:var(--neon-red);box-shadow:0 0 6px var(--neon-red)}.pallet-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pallet-box{padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff03;border-radius:8px}.pallet-title{font-size:.7rem;font-weight:600;color:var(--text-primary)}.pallet-stack-visual{width:80px;height:70px;border:1px solid rgba(255,255,255,.1);background:#0003;border-radius:4px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:3px;padding:4px;align-content:end}.pallet-box-indicator{border-radius:2px;transition:all .3s ease}.pallet-box-indicator.a{background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan-glow)}.pallet-box-indicator.b{background:var(--neon-amber);box-shadow:0 0 6px var(--neon-amber-glow)}.pallet-box-indicator.c{background:#0fc;box-shadow:0 0 6px #0fc6}.pallet-box-indicator.d{background:#a855f7;box-shadow:0 0 6px #a855f766}.pallet-sub{font-size:.7rem;font-weight:700;color:var(--text-secondary)}@keyframes pulse{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.1);opacity:1;box-shadow:0 0 15px var(--neon-cyan),0 0 30px var(--neon-cyan-glow)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.proposal-widget{margin-top:4px}.proposal-card{padding:14px;border-left:3px solid var(--neon-cyan)!important;background:#00f2fe04!important;border-radius:8px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.proposal-card:hover{border-left-color:var(--neon-pink)!important;background:#ff007f04!important;box-shadow:0 4px 20px #ff007f14}.proposal-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.proposal-header h4{font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.proposal-card:hover .proposal-header h4{color:var(--neon-pink)}.proposal-desc{font-size:.7rem;color:var(--text-secondary);line-height:1.4;margin-bottom:10px}.proposal-list{display:flex;flex-direction:column;gap:6px;list-style:none;padding-left:0;margin-bottom:10px}.proposal-list li{font-size:.68rem;color:var(--text-secondary);line-height:1.45;position:relative;padding-left:12px}.proposal-list li:before{content:"•";position:absolute;left:0;top:-1px;color:var(--neon-cyan);font-weight:700;font-size:.85rem;transition:color .3s ease}.proposal-card:hover .proposal-list li:before{color:var(--neon-pink)}.proposal-list li strong{color:var(--text-primary);font-weight:600}.proposal-footer{font-size:.6rem;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.05);padding-top:6px;margin-top:6px;font-style:italic}