:root{--bg-0: #0a0d12;--bg-1: #10151c;--bg-2: #161d26;--bg-3: #1d2530;--border: #263141;--border-soft: #1c2531;--text-0: #e8edf3;--text-1: #aab6c4;--text-2: #75828f;--accent: #3b9eff;--accent-dim: #1f4d78;--danger: #e5533d;--warning: #e0a530;--success: #3fbf7f;--free: #3d4a5c;--partial: #e0a530;--full: #e5533d;--blocked: #7a2f3d;--selected: #22d3ee;--search: #ffd166;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-panel: 0 8px 24px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--text-0);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:6px}.app-shell{height:100vh;display:flex;flex-direction:column}.app-header{height:56px;min-height:56px;display:flex;align-items:center;gap:20px;padding:0 18px;background:var(--bg-1);border-bottom:1px solid var(--border);z-index:20;overflow:hidden}.app-brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.04em;font-size:15px;color:var(--text-0);white-space:nowrap;flex-shrink:0}.app-brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.app-nav{display:flex;gap:4px;flex-shrink:1;min-width:0;overflow:hidden}.app-nav a{padding:7px 12px;border-radius:var(--radius-sm);color:var(--text-1);font-size:13px;font-weight:500;white-space:nowrap}.app-nav a:hover{background:var(--bg-2);color:var(--text-0)}.app-nav a.active{background:var(--bg-3);color:var(--text-0)}.app-header-spacer{flex:1}.warehouse-switcher{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-size:12.5px;font-weight:600;padding:6px 8px;max-width:180px;flex-shrink:1;min-width:0;cursor:pointer}@media (max-width: 640px){.app-header{gap:10px;padding:0 10px}.app-nav{gap:0}.app-nav a{padding:7px;font-size:12px}.app-header-spacer{display:none}}.app-content{flex:1;min-height:0;position:relative}.search-bar{position:relative;width:340px;flex:1 1 120px;min-width:70px;max-width:340px}.search-input-wrap{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 10px;height:36px}.search-input-wrap:focus-within{border-color:var(--accent)}.search-input-wrap svg{flex-shrink:0;color:var(--text-2)}.search-input-wrap input{flex:1;background:transparent;border:none;outline:none;color:var(--text-0);height:100%}.search-input-wrap input::placeholder{color:var(--text-2)}.search-dropdown{position:absolute;top:44px;left:0;right:0;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);max-height:420px;overflow-y:auto;z-index:30}.search-section-label{padding:8px 12px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.search-result-row{display:flex;flex-direction:column;gap:2px;padding:8px 12px;cursor:pointer;border-top:1px solid var(--border-soft)}.search-result-row:hover{background:var(--bg-3)}.search-result-title{font-size:13px;font-weight:600;color:var(--text-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-sub{font-size:12px;color:var(--text-1);display:flex;gap:8px}.search-empty{padding:16px 12px;color:var(--text-2);font-size:13px}.warehouse-page{position:absolute;top:0;right:0;bottom:0;left:0}.warehouse-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 20%,#121a24,#090c11 75%)}.floating-panel{position:absolute;z-index:15;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}.info-panel{top:18px;right:18px;width:min(340px,calc(100vw - 36px));max-height:calc(100% - 36px);overflow-y:auto;padding:16px}.info-panel h3{margin:0 0 4px;font-size:16px;color:var(--text-0)}.info-panel .address-badge{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;font-weight:700;letter-spacing:.03em;color:var(--accent);margin-bottom:10px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.status-pill .swatch{width:7px;height:7px;border-radius:50%}.status-pill--free{background:#3d4a5c40;color:#9db0c6}.status-pill--partial{background:#e0a53026;color:var(--warning)}.status-pill--full{background:#e5533d26;color:var(--danger)}.status-pill--blocked{background:#7a2f3d40;color:#e78ba0}.info-panel-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-soft)}.info-panel-section h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.product-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);margin-bottom:6px;cursor:pointer}.product-row:hover{border-color:var(--accent)}.product-row .sku{font-family:ui-monospace,monospace;font-size:12px;color:var(--text-1)}.product-row .desc{font-size:12.5px;color:var(--text-0);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 8px}.product-row .qty{font-weight:700;color:var(--text-0);font-size:13px}.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kv-item .label{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin-bottom:2px}.kv-item .value{font-size:14px;color:var(--text-0);font-weight:600}.capacity-bar-track{height:6px;border-radius:4px;background:var(--bg-3);overflow:hidden;margin-top:6px}.capacity-bar-fill{height:100%;border-radius:4px}.legend-panel{bottom:18px;left:50%;transform:translate(-50%);padding:10px 14px;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:min(420px,calc(100vw - 36px))}.legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-1)}.legend-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-swatch.outline{background:transparent;border:2px solid}.hint-panel{top:18px;left:50%;transform:translate(-50%);padding:8px 12px;font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:8px;white-space:nowrap}.map-sidebar{top:18px;left:18px;bottom:18px;width:300px;display:flex;flex-direction:column;overflow:hidden;padding:0}.map-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-soft);font-size:12.5px;font-weight:700;color:var(--text-0);flex-shrink:0}.map-sidebar-close{background:none;border:none;color:var(--text-2);cursor:pointer;display:flex}.map-sidebar-map{height:220px;flex-shrink:0;border-bottom:1px solid var(--border-soft);background:var(--bg-0)}.map-sidebar-reopen{top:18px;left:18px;padding:9px 14px;font-size:13px;font-weight:600;color:var(--text-0);cursor:pointer;border:1px solid var(--border)}.map2d-wrap{position:relative;width:100%;height:100%}.map2d-svg{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.map2d-svg:active{cursor:grabbing}.map2d-cell{cursor:pointer;transition:filter .1s}.map2d-cell:hover{filter:brightness(1.4)}.map2d-reset{position:absolute;bottom:8px;right:8px;padding:2px 8px;font-size:14px;line-height:1}.map2d-svg--edit{cursor:crosshair}.map2d-edit-toggle{position:absolute;top:8px;right:8px;padding:3px 9px;font-size:11px}.map2d-edit-toggle.active{background:var(--accent);border-color:var(--accent);color:#04101c}.map2d-edit-hint{position:absolute;bottom:8px;left:8px;right:40px;font-size:10.5px;color:var(--text-2);background:#0a0d12d9;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:4px 8px;pointer-events:none}.rack-block-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070b99;display:flex;align-items:center;justify-content:center;z-index:120}.rack-block-modal{width:420px;max-width:calc(100vw - 32px)}.editor-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:22px 24px;gap:16px;overflow:hidden}.editor-page-header{flex-shrink:0}.editor-page-header h1{margin:0;font-size:19px;color:var(--text-0)}.editor-page-header p{margin:4px 0 0;font-size:12.5px;color:var(--text-2)}.editor-page-body{flex:1;min-height:0;display:flex;gap:16px}.editor-page-map{flex:1;min-width:0;position:relative;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.layers-panel{width:190px;flex-shrink:0;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;height:fit-content}.layers-panel-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin-bottom:10px}.layers-panel-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--text-0);cursor:pointer}.layers-panel-row input{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}@media (max-width: 720px){.editor-page-body{flex-direction:column}.layers-panel{width:100%}}.map2d-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-2);font-size:12.5px}.directory-panel{flex:1;min-height:0;display:flex;flex-direction:column}.directory-filter{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-soft);color:var(--text-2);flex-shrink:0}.directory-filter input{flex:1;background:transparent;border:none;outline:none;color:var(--text-0);font-size:13px}.directory-scroll{flex:1;overflow-y:auto;padding:6px 0}.directory-empty{padding:16px 14px;color:var(--text-2);font-size:12.5px}.directory-row{display:flex;align-items:center;gap:7px;width:100%;background:none;border:none;text-align:left;color:var(--text-1);cursor:pointer;font-size:12.5px;padding:6px 14px}.directory-row:hover{background:var(--bg-2)}.directory-row--sector{font-weight:700;color:var(--text-0);font-size:12.5px}.directory-row--aisle{padding-left:26px;color:var(--text-0);font-weight:600}.directory-row--module{padding-left:42px;color:var(--text-2);font-size:11px;text-transform:uppercase;letter-spacing:.04em;cursor:default}.directory-row--module:hover{background:none}.directory-row--address{padding-left:50px;font-family:ui-monospace,monospace;cursor:pointer}.directory-row--address.active{background:var(--bg-3);color:var(--accent)}.directory-caret{display:inline-block;transition:transform .15s;color:var(--text-2);font-size:10px;flex-shrink:0}.directory-caret.open{transform:rotate(90deg)}.directory-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.directory-qty{margin-left:auto;color:var(--text-2);font-size:11px}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-1);font-size:13px;gap:10px;flex-direction:column}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--bg-3);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2);color:var(--text-0);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:var(--bg-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#04101c}.btn-primary:hover{background:#57adff}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:#e5533d1f}.btn-sm{height:28px;padding:0 10px;font-size:12px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11.5px;color:var(--text-1);font-weight:600}.field input,.field select,.field textarea{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;outline:none;color:var(--text-0)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row>.field{flex:1;min-width:140px}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.page-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:24px}.page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.page-header h1{font-size:20px;margin:0;color:var(--text-0)}.page-header p{margin:4px 0 0;color:var(--text-2);font-size:13px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.stat-card .stat-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin-bottom:8px}.stat-card .stat-value{font-size:26px;font-weight:700;color:var(--text-0)}.stat-card .stat-sub{font-size:12px;color:var(--text-1);margin-top:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.two-col{grid-template-columns:1fr}}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--text-2);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid var(--border)}.table td{padding:9px 10px;border-bottom:1px solid var(--border-soft);color:var(--text-0)}.table tr:hover td{background:var(--bg-2)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--bg-3);color:var(--text-1)}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px}.alert-error{background:#e5533d1f;border:1px solid rgba(229,83,61,.4);color:#ffb1a3}.alert-success{background:#3fbf7f1f;border:1px solid rgba(63,191,127,.4);color:#9fe6c1}.login-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.login-card{width:340px}.login-card h1{font-size:18px;margin:0 0 4px}.login-card p{color:var(--text-2);font-size:12.5px;margin:0 0 18px}.login-card form{display:flex;flex-direction:column;gap:12px}.tree-list{list-style:none;margin:0;padding:0}.tree-list li{padding:4px 0 4px 14px;border-left:1px dashed var(--border);font-size:12.5px;color:var(--text-1)}.tree-list .code{color:var(--text-0);font-weight:600;font-family:ui-monospace,monospace}.section-title{font-size:13px;font-weight:700;color:var(--text-0);margin:0 0 12px;display:flex;align-items:center;gap:8px}