:root{--primary: #2563eb;--bg: #f3f4f6;--road: #374151;--road-line: #fbbf24;--shelf: #e5e7eb;--shelf-border: #9ca3af}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;margin:0;background-color:var(--bg);display:flex;flex-direction:column;height:100dvh;overflow:hidden;-webkit-tap-highlight-color:transparent}#login-screen{position:fixed;inset:0;background:#1f2937;z-index:9998;display:none;flex-direction:column;justify-content:center;align-items:center;color:#fff}.login-box{background:#374151;padding:24px;border-radius:16px;text-align:center;width:85%;max-width:320px;box-shadow:0 10px 25px #0000004d}.login-input{width:100%;padding:12px;margin:8px 0;border-radius:8px;border:none;font-size:16px;text-align:center;box-sizing:border-box}.login-btn{background:var(--primary);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:700;width:100%;cursor:pointer;margin-top:8px}.error-msg{color:#fca5a5;margin-top:12px;font-size:14px;display:none}#app-content{display:none;flex-direction:column;height:100%}#main-header{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 16px 8px;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #00000008;z-index:50;display:flex;flex-direction:column;gap:12px}.header-top{display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;gap:8px}#header-warehouse-select{padding:8px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;font-weight:700;font-size:16px;color:#1f2937;cursor:pointer;outline:none;box-shadow:0 1px 2px #0000000d}.street-selector{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.street-selector::-webkit-scrollbar{display:none}.street-btn{padding:8px 18px;border:1px solid #d1d5db;border-radius:20px;background:#f9fafb;font-weight:600;font-size:14px;color:#4b5563;cursor:pointer;white-space:nowrap;transition:all .2s ease}.street-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 10px #2563eb33}.icon-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;cursor:pointer;font-size:16px;color:#374151;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:0 1px 2px #0000000d}.danger-btn{color:#ef4444;border-color:#fca5a5;background:#fef2f2}#bottom-nav{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-around;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));z-index:50}.nav-item{background:none;border:none;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;cursor:pointer;color:#9ca3af;transition:color .2s}.nav-item:last-child{border-right:none}.nav-item.active{color:var(--primary)}.nav-item.active .nav-icon{transform:scale(1.1);filter:grayscale(0%)}.nav-icon{font-size:22px;margin-bottom:4px;transition:transform .2s ease;filter:grayscale(100%)}.nav-item.active .nav-icon{filter:grayscale(0%)}.nav-label{font-size:11px;font-weight:700}.nav-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.review-badge{position:absolute;top:-2px;right:-6px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}#map-container{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:5px;background:#9ca3af}.row-level{display:flex;justify-content:space-between;align-items:stretch;height:80px}.row-level.row-zero{border-top:2px dashed #cbd5e1;margin-top:6px;padding-top:4px;opacity:.9}.rack{flex:1;background:#fff;border:2px solid var(--shelf-border);border-radius:4px;display:flex;align-items:center;justify-content:flex-start;padding:2px;cursor:pointer;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0000000d}.rack.text-mode{background:#eff6ff;justify-content:center}.rack-text-content{font-size:11px;text-align:center;font-weight:700;color:#1e40af;line-height:1.1;overflow:hidden;max-height:100%}.rack.right-side{justify-content:flex-start}.rack-label{position:absolute;font-size:10px;color:#6b7280;font-weight:700;top:2px}.left-side .rack-label{right:4px}.right-side .rack-label{left:4px}.road{width:60px;background:var(--road);display:flex;justify-content:center;align-items:center;position:relative;margin:0 5px}.road-text{color:#ffffff4d;font-weight:700;font-size:18px;z-index:1}.pallet-box{height:90%;width:20px;margin:1px;background:#3b82f6;border:1px solid rgba(0,0,0,.2);border-radius:2px}.pallet-box.custom{background:#ef4444}.pallet-box.empty-slot{background:transparent!important;border:1px dashed #9ca3af}.pallet-box.manual-empty-slot{background:#dcfce7!important;border:1px solid #22c55e}.pallet-box.aisle-pallet{border-left:3px solid rgba(255,255,255,.6)}.side-header-row{display:flex;position:sticky;top:-10px;z-index:20;background:#1e293b;border-bottom:1px solid #334155;padding:8px 10px;border-radius:0 0 8px 8px;margin:0 -10px 4px}.side-header{font-size:11px;font-weight:700;letter-spacing:.05em;color:#94a3b8;text-transform:uppercase}.side-header.left-header{flex:1;text-align:center}.side-header.road-spacer{width:70px}.side-header.right-header{flex:1;text-align:center}.action-btn{padding:14px 24px;border-radius:10px;border:none;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.action-btn:active{transform:scale(.96)}.btn-add-job,#row-editor .action-btn:not(.btn-add-obstacle):not(.btn-add-empty){background:#1c1c57;color:#fff;border:2px solid #1c1c57;box-shadow:0 4px 10px #1c1c5733}.btn-add-job:hover{background:#2a2a6e;box-shadow:0 6px 15px #1c1c574d}.btn-add-obstacle{background:#ff399a;color:#fff;border:2px solid #ff399a;box-shadow:0 4px 10px #ff399a33}.btn-add-obstacle:hover{background:#e62e87;box-shadow:0 6px 15px #ff399a4d}.btn-add-empty{background:#f8fafc;color:#64748b;border:2px dashed #94a3b8}.btn-add-empty:hover{background:#e2e8f0;border-color:#64748b;color:#334155}#modal{display:none;position:fixed;inset:0;background:#0009;z-index:100;justify-content:center;align-items:end}#modal.open{display:flex}.modal-content{background:#fff;width:100%;max-width:600px;height:85vh;border-radius:24px 24px 0 0;padding:24px;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{font-size:20px;font-weight:700;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.modal-nav{display:flex;gap:10px}.nav-arrow{background:#f3f4f6;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:700;font-size:16px}#search-input{width:100%;padding:16px;font-size:16px;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:12px;box-sizing:border-box;outline:none}#search-input:focus{border-color:var(--primary)}#search-results{flex:1;overflow-y:auto;border-top:1px solid #f3f4f6}.result-item{padding:16px;border-bottom:1px solid #f3f4f6;cursor:pointer}.result-item:active{background:#f0f9ff}.item-title{font-weight:700;font-size:16px}.item-sub{font-size:13px;color:#6b7280;margin-top:4px}#row-editor{display:none;flex-direction:column;height:100%}#row-editor-view{flex:1;overflow-y:auto;min-height:0}.editor-pallets{display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:#f9fafb;border-radius:12px;min-height:60px;margin-bottom:20px;border:1px solid #f3f4f6}.editor-pallet{padding:8px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px}.editor-pallet.pallet-highlighted{box-shadow:0 0 0 3px #f59e0b;border-color:#f59e0b;background:#fffbeb}.manual-add-btn{width:100%;padding:16px;background:#f9fafb;border:2px dashed #d1d5db;color:#6b7280;font-weight:600;cursor:pointer;margin-top:10px;border-radius:12px}.modal-overlay{position:fixed;inset:0;background:#0009;z-index:200;display:flex;justify-content:center;align-items:center}.modal-box{background:#fff;width:90%;max-width:400px;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 25px #0003}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.modal-footer .action-btn{flex:1}.transfer-from{display:flex;align-items:center;gap:8px;font-size:15px;color:#374151;background:#f9fafb;padding:12px;border-radius:8px}.transfer-from label{font-weight:700;color:#6b7280}.transfer-dest{display:flex;flex-direction:column;gap:10px}.transfer-dest label{font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.transfer-dest select,.transfer-dest input{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;background:#fff}.side-toggle{display:flex;flex-direction:row;gap:6px}.side-btn{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;font-weight:700;font-size:15px;color:#4b5563}.side-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}#transfer-preview label{font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}#transfer-preview-list{max-height:120px;overflow-y:auto;font-size:13px;color:#64748b;margin-top:6px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}#action-sheet-overlay{position:fixed;inset:0;background:#0009;z-index:300;display:flex;align-items:flex-end}#action-sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;padding:16px 16px 32px;display:flex;flex-direction:column;gap:10px;animation:slideUp .25s ease-out}#action-sheet-title{text-align:center;font-size:14px;font-weight:600;color:#6b7280;padding:8px 0 16px;border-bottom:1px solid #f3f4f6;margin-bottom:4px}#action-sheet button{width:100%;padding:18px;border:none;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;background:#f3f4f6;color:#111827}#action-sheet #action-sheet-transfer{color:var(--primary);background:#eff6ff}#action-sheet #action-sheet-delete{color:#ef4444;background:#fef2f2}#action-sheet button:last-child{color:#6b7280;background:#fff;margin-top:8px}#confirm-overlay{position:fixed;inset:0;background:#0009;z-index:400;display:flex;align-items:center;justify-content:center}#confirm-box{background:#fff;border-radius:16px;padding:24px;width:85%;max-width:320px;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 25px #0003}#confirm-message{font-size:16px;color:#1f2937;text-align:center;line-height:1.5;font-weight:500}.confirm-buttons{display:flex;gap:10px}.confirm-buttons button{flex:1;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer}.confirm-buttons button:first-child{background:#f3f4f6;color:#4b5563}#confirm-ok{background:#ef4444;color:#fff}