.navigation{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;box-shadow:0 4px 20px #00000014;position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;width:100%;max-width:100vw;overflow:visible;box-sizing:border-box}.nav-container{max-width:1400px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:var(--nav-height, 6.5rem);gap:1rem;width:100%;box-sizing:border-box;overflow:visible}.nav-brand{display:flex;align-items:center}.nav-logo{text-decoration:none;transition:opacity .2s ease;display:flex;align-items:center}.nav-logo-img{height:40px;width:auto}.nav-logo:hover{opacity:.8}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#6b7280;text-decoration:none;border-radius:12px;font-weight:500;transition:all .2s ease;position:relative;font-size:.875rem}.nav-link:hover{color:#111827;background-color:#f9fafb}.nav-link.active{color:#fff;background:var(--color-primary, #2233AA);box-shadow:0 2px 8px #2233aa40}.nav-link.active:after{display:none}.nav-filters-wrapper{flex:1;min-width:0;margin:0 .5rem;overflow:hidden}.nav-filters{display:flex;gap:.5rem;align-items:center;flex:1;justify-content:center;min-width:0;flex-wrap:wrap;padding:.5rem 0;overflow:visible}.nav-filter-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--color-gray-50, #f9fafb);color:var(--color-gray-600, #4b5563);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-base, .2s);white-space:nowrap;box-shadow:var(--shadow-xs);position:relative;overflow:hidden;min-width:-moz-fit-content;min-width:fit-content;flex-shrink:1;max-width:150px}.nav-filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.nav-filter-btn:hover:before{left:100%}.nav-filter-btn:hover{background:var(--color-gray-100, #f3f4f6);border-color:var(--color-primary, #2233AA);color:var(--color-primary, #2233AA);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nav-filter-btn.active{background:var(--color-primary, #2233AA);color:#fff;border-color:var(--color-primary-dark, #1a2a8a);box-shadow:0 3px 10px #2233aa59;transform:translateY(-1px)}.nav-filter-btn.pending-alert{animation:pendingAlertBlink 1s ease-in-out infinite;border-color:#fbbf24b3;box-shadow:0 0 #fbbf2473}@keyframes pendingAlertBlink{0%,to{box-shadow:0 0 #fbbf2433}50%{box-shadow:0 0 0 6px #fbbf2426}}.nav-filter-btn .filter-icon{font-size:.9rem}.filter-count{background:var(--color-primary-bg, rgba(34, 51, 170, .08));color:var(--color-primary, #2233AA);border-radius:var(--radius-full, 9999px);padding:.15rem .5rem;font-size:.7rem;font-weight:700;min-width:1.25rem;text-align:center;margin-left:.25rem}.nav-filter-btn.active .filter-count{background:#ffffff38;color:#fff}@media (min-width: 1400px){.nav-filters{gap:.5rem;margin:0 1rem;padding:.6rem 0}.nav-filter-btn{padding:.6rem .8rem;font-size:.75rem;gap:.4rem;max-width:150px}.filter-count{padding:.25rem .5rem;font-size:.7rem;min-width:1.2rem}}.nav-user{display:flex;flex-direction:row;align-items:center;gap:.35rem;margin-left:auto;padding:.2rem .35rem;background:#fffffff2;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 4px #00000014;flex-shrink:0}.user-initials{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.02em;flex-shrink:0}.logout-btn{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;border-radius:4px;padding:.35rem .5rem;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #e53e3e40;display:flex;align-items:center;gap:.35rem;white-space:nowrap;flex-shrink:0;justify-content:center}.logout-btn svg{flex-shrink:0}.logout-btn:hover{background:linear-gradient(135deg,#c53030,#9c2626);transform:translateY(-1px);box-shadow:0 3px 8px #e53e3e66}.nav-orders-controls{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.nav-historical-toggle{display:flex;align-items:center}.nav-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;background:#ffffffe6;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.nav-toggle-label:hover{background:#fff;border-color:#23a}.nav-toggle-input{display:none}.nav-toggle-slider{position:relative;width:40px;height:20px;background:#d1d5db;border-radius:20px;transition:all .3s ease}.nav-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.nav-toggle-input:checked+.nav-toggle-slider{background:#23a}.nav-toggle-input:checked+.nav-toggle-slider:before{transform:translate(20px)}.nav-toggle-text{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.nav-orders-actions{display:flex;align-items:center;gap:.75rem}.nav-new-order-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#23a;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #23a3}.nav-new-order-btn:hover{background:#1a2a8a;transform:translateY(-1px);box-shadow:0 4px 8px #2233aa4d}.nav-reservation-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #7c3aed40}.nav-reservation-btn:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 8px #7c3aed59}@media (max-width: 768px){.nav-container{padding:0 .5rem}.nav-links{gap:.25rem}.nav-link{padding:.5rem .75rem;font-size:.75rem}.nav-logo{font-size:1.25rem}.nav-filters-wrapper{margin:0 .25rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.nav-filters{margin:0;gap:.3rem;justify-content:flex-start;flex-wrap:nowrap;padding:.3rem 0;min-width:-moz-max-content;min-width:max-content}.nav-filter-btn{padding:.4rem .5rem;font-size:.65rem;gap:.2rem;max-width:110px;flex-shrink:0}.filter-count{padding:.15rem .3rem;font-size:.6rem;min-width:.8rem}}@media (max-width: 640px){.nav-container{flex-direction:column;height:auto;min-height:var(--nav-height, 6.5rem);padding:1rem;gap:1rem}.nav-filters-wrapper{width:100%;margin:0;order:2}.nav-filters{margin:0;gap:.2rem;justify-content:flex-start;flex-wrap:nowrap;padding:.4rem 0}.nav-filter-btn{padding:.3rem .4rem;font-size:.6rem;gap:.15rem;max-width:90px;flex-shrink:0}.filter-count{padding:.1rem .25rem;font-size:.55rem;min-width:.7rem}.nav-links{order:1;width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.25rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:.1rem}.nav-link{flex:0 0 auto;padding:.45rem .6rem;font-size:.78rem;border-radius:10px}.nav-user{order:3}.nav-orders-controls{flex-direction:column;gap:.5rem;width:100%}.nav-orders-actions{justify-content:center;width:100%;flex-wrap:wrap}.nav-new-order-btn,.nav-reservation-btn{flex:1 1 48%;min-width:150px;justify-content:center}.nav-user{max-width:none;width:100%;justify-content:flex-end;padding:.15rem .25rem;gap:.2rem;align-self:stretch}.user-name,.user-role{max-width:50px;font-size:.45rem}.user-role{font-size:.4rem}.logout-btn{padding:.08rem .2rem;font-size:.45rem}}@media (max-width: 480px){.nav-container{padding:0 .5rem;gap:.5rem}.nav-user{max-width:none;width:100%;justify-content:flex-end;padding:.15rem .25rem;gap:.2rem}.user-name,.user-role{max-width:40px;font-size:.4rem}.user-role{font-size:.35rem}.logout-btn{padding:.06rem .15rem;font-size:.4rem}}.home-page{max-width:1200px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.home-header{text-align:center;margin-bottom:3rem}.logo-container{margin-bottom:.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.brand-name{font-size:2.5rem;font-weight:700;color:#1a202c;margin:0;letter-spacing:-.025em}.main-logo{height:80px;width:auto;max-width:300px;display:block}.main-logo[alt]{font-size:0;line-height:0}.subtitle{font-size:1.25rem;color:#718096;font-weight:400}.user-info-header{margin:1rem auto 2rem;padding:.5rem .8rem;background:#fffffff2;border-radius:8px;border:1px solid rgba(0,0,0,.08);display:flex;justify-content:center;align-items:center;gap:.75rem;max-width:200px;box-shadow:0 1px 4px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-initials-header{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.02em;flex-shrink:0}.settings-card{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#23a;color:#1e40af}.settings-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2233aa4d;border-color:#1a2a8a}.logout-btn-header{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;border-radius:6px;padding:.5rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #e53e3e40;display:flex;align-items:center;gap:.4rem;white-space:nowrap;flex-shrink:0}.logout-btn-header svg{flex-shrink:0}.logout-btn-header:hover{background:linear-gradient(135deg,#c53030,#9c2626);transform:translateY(-1px);box-shadow:0 3px 8px #e53e3e66}.main-actions{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.action-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;transition:all .3s ease;text-align:center;text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px}.action-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-icon{font-size:3rem;margin-bottom:1rem}.action-card h2{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:.75rem}.action-card p{color:#718096;margin-bottom:0;line-height:1.6}.order-summary-card{background:#fff;color:#1a202c}.order-summary-card .card-icon,.order-summary-card h2{color:#1a202c}.order-summary-card p{color:#718096}@media (max-width: 1024px){.main-actions{grid-template-columns:repeat(2,1fr);gap:1.25rem}.action-card{min-height:180px}}@media (max-width: 768px){.home-page{padding:1rem}.home-header h1{font-size:2rem}.subtitle{font-size:1rem}.main-actions{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:1rem}.action-card{padding:1.5rem;min-height:180px}}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.summary-card:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.summary-card h2{color:#fff}.summary-card p{color:#ffffffe6}.login-card{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.login-card:hover{background:linear-gradient(135deg,#e085e8,#e54a5a)}.login-card h2{color:#fff}.login-card p{color:#ffffffe6}.action-card.inactive{opacity:.6;cursor:not-allowed;position:relative;background:#f8f9fa;border:1px solid #e2e8f0}.action-card.inactive:hover{transform:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.action-card.inactive h2{color:#6b7280}.action-card.inactive p{color:#9ca3af}.coming-soon{position:absolute;top:.5rem;right:.5rem;background:#fbbf24;color:#92400e;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.inventory-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e9}.office-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}@media (max-width: 768px){.user-info-header{max-width:180px;padding:.5rem .6rem}.user-initials-header{width:32px;height:32px;font-size:.75rem}.logout-btn-header{padding:.4rem .6rem;font-size:.75rem}}@media (max-width: 480px){.main-actions{grid-template-columns:1fr;grid-template-rows:repeat(8,1fr);gap:1rem}.action-card{padding:1rem;min-height:120px}.card-icon{font-size:2rem;margin-bottom:.5rem}.action-card h2{font-size:1.25rem;margin-bottom:.5rem}.action-card p{font-size:.875rem}}.login-page{height:100vh;width:100vw;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;margin:0;position:fixed;top:0;left:0}.login-container{background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 40px #0000001a;max-width:400px;width:100%;text-align:center}.login-header h1{font-size:2rem;margin:0 0 8px;color:#2d3748;font-weight:700}.login-header p{color:#718096;margin:0 0 25px;font-size:1rem}.code-display{margin-bottom:25px}.code-dots{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.code-dot{width:20px;height:20px;border-radius:50%;border:3px solid #e2e8f0;background:#fff;transition:all .3s ease}.code-dot.filled{background:#4299e1;border-color:#4299e1}.error-message{color:#e53e3e;font-size:.9rem;font-weight:500;margin-top:10px}.keypad{margin-bottom:20px}.keypad-row{display:flex;justify-content:center;gap:12px;margin-bottom:10px}.keypad-btn{width:60px;height:60px;border:none;border-radius:50%;background:#f7fafc;color:#2d3748;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.keypad-btn:hover{background:#edf2f7;transform:scale(1.05)}.keypad-btn:active{transform:scale(.95)}.clear-btn{background:#fed7d7;color:#c53030}.clear-btn:hover{background:#feb2b2}.backspace-btn{background:#bee3f8;color:#2b6cb0}.backspace-btn:hover{background:#90cdf4}.login-actions{display:flex;flex-direction:column;gap:12px}.login-btn{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2c5282);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.login-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.back-btn{background:transparent;color:#718096;border:2px solid #e2e8f0;border-radius:12px;padding:10px 20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#f7fafc;border-color:#cbd5e0;color:#4a5568}@media (max-width: 480px){.login-container{padding:20px 15px;margin:10px}.login-header h1{font-size:1.8rem}.login-header p{font-size:.9rem;margin-bottom:20px}.code-display{margin-bottom:20px}.keypad{margin-bottom:15px}.keypad-btn{width:50px;height:50px;font-size:1.1rem}.keypad-row{gap:8px;margin-bottom:8px}.login-actions{gap:10px}}.employee-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-container{width:100%;max-width:400px;background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;padding:2rem}.login-header{text-align:center;margin-bottom:2rem}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.logo-icon{font-size:2.5rem}.logo h1{margin:0;font-size:1.875rem;font-weight:700;color:#111827}.login-subtitle{margin:0;color:#6b7280;font-size:1rem}.login-form,.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1.125rem;text-align:center;letter-spacing:.5rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:invalid{border-color:#ef4444}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;font-size:.875rem;margin-bottom:1rem}.error-icon{font-size:1rem}.login-button{width:100%;padding:.75rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.login-button:hover:not(:disabled){background-color:#2563eb}.login-button:disabled{opacity:.5;cursor:not-allowed}.test-login{text-align:center;margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.test-label{margin:0 0 .75rem;font-size:.875rem;color:#6b7280;font-weight:500}.test-button{padding:.5rem 1rem;background-color:#6b7280;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.test-button:hover:not(:disabled){background-color:#4b5563}.test-button:disabled{opacity:.5;cursor:not-allowed}.login-info{margin-bottom:1.5rem;padding:1rem;background-color:#eff6ff;border-radius:.5rem;border:1px solid #bfdbfe}.login-info h3{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#1e40af}.test-codes{display:flex;flex-direction:column;gap:.5rem}.test-code{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#fff;border-radius:.375rem;border:1px solid #dbeafe}.code{font-family:Courier New,monospace;font-weight:600;color:#1e40af;background-color:#dbeafe;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}.description{font-size:.875rem;color:#374151}.back-to-home{text-align:center}.back-button{padding:.5rem 1rem;background-color:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.back-button:hover{background-color:#f9fafb;color:#374151}@media (max-width: 480px){.login-container{padding:1.5rem}.logo h1{font-size:1.5rem}.form-input{font-size:1rem;letter-spacing:.25rem}.test-codes{gap:.25rem}.test-code{flex-direction:column;gap:.25rem;text-align:center}}.driver-selector{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;font-size:.875rem}.driver-info{display:flex;align-items:center;gap:8px}.label{font-weight:500;color:#495057;min-width:60px}.assigned-driver{display:flex;align-items:center;gap:8px;background-color:#d4edda;padding:4px 8px;border-radius:4px;border:1px solid #c3e6cb}.driver-name{color:#155724;font-weight:500}.unassign-btn{background:none;border:none;color:#721c24;cursor:pointer;padding:2px 4px;border-radius:3px;font-size:.75rem;line-height:1;transition:background-color .15s ease-in-out}.unassign-btn:hover{background-color:#f8d7da}.unassign-btn:disabled{opacity:.5;cursor:not-allowed}.no-driver{color:#6c757d;font-style:italic}.driver-options{display:flex;gap:8px}.driver-select{flex:1;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.driver-select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.driver-select:disabled{background-color:#e9ecef;cursor:not-allowed}.loading,.assigning{color:#6c757d;font-style:italic;text-align:center;padding:8px}.error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:8px;font-size:.8rem}@media (max-width: 768px){.driver-selector{padding:8px}.driver-info{flex-direction:column;align-items:flex-start;gap:4px}.label{min-width:auto}.assigned-driver{width:100%;justify-content:space-between}}.order-row-card{padding:.8rem;border-radius:10px;margin-bottom:.55rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.order-row-card.historical{opacity:.72}.order-row-card:hover{transform:translateY(-1px)}.order-row-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.55rem}.order-row-card__head-left{display:flex;flex-direction:column;gap:.3rem}.order-row-card__identity{display:flex;align-items:center;gap:.45rem}.order-row-card__number{font-weight:700;color:#0f172a;font-size:.98rem}.order-row-card__time{font-size:.76rem;color:#64748b;background:#f1f5f9;border:1px solid #dbe3ee;border-radius:9999px;padding:.15rem .45rem}.order-row-card__total-wrap{text-align:right}.order-row-card__total{display:block;font-weight:800;font-size:1.02rem;color:#0f172a;line-height:1.1}.order-row-card__total-label{font-size:.74rem;color:#64748b}.order-row-card__items{border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;padding:.45rem .5rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.22rem}.order-row-card__item{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding-bottom:.18rem;border-bottom:1px dashed #e2e8f0}.order-row-card__item:last-child{padding-bottom:0;border-bottom:none}.order-row-card__item-content{display:flex;flex-direction:column;gap:.12rem;min-width:0}.order-row-card__item-main{color:#334155;font-size:.84rem;white-space:normal;word-break:break-word}.order-row-card__item-meta-inline{color:#64748b;font-size:.75rem;font-weight:500}.order-row-card__item-detail{color:#64748b;font-size:.74rem;white-space:normal;word-break:break-word}.order-row-card__item-detail--removed{color:#b91c1c}.order-row-card__item-detail--half{color:#92400e}.order-row-card__item-detail--notes{color:#475569;font-style:italic}.order-row-card__item-price{color:#475569;font-size:.78rem;white-space:nowrap}.order-row-card__location{display:flex;align-items:center;gap:.35rem;color:#475569;font-size:.8rem;margin-bottom:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.3rem .45rem}.order-row-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.order-row-card__tags{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.order-row-card__badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.17rem .5rem;font-size:.72rem;font-weight:600;line-height:1.2;border:1px solid #dbe3ee;background:#f8fafc;color:#475569}.order-row-card__badge--type{background:#f8fafc;color:#334155}.order-row-card__badge--delivery{background:#eef2ff;color:#4338ca}.order-row-card__badge--takeaway{background:#eef2ff;color:#4f46e5}.order-row-card__badge--dine_in{background:#fff7ed;color:#9a3412}.order-row-card__badge--status{color:#fff}.order-row-card__badge--status.clickable{cursor:pointer}.order-row-card__badge--count{background:#f8fafc;color:#64748b}.order-row-card__badge--payment{background:#f8fafc;color:#0f766e}.order-row-card__actions{display:flex;align-items:center;gap:.3rem}.order-row-card__icon-btn{width:1.55rem;height:1.55rem;border:1px solid #dbe3ee;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;background:#fff;font-size:.82rem;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.order-row-card__icon-btn:hover{transform:translateY(-1px);opacity:.92}.order-row-card__icon-btn--cancel{color:#b45309;border-color:#fcd34d;background:#fffbeb}.order-row-card__icon-btn--restore{color:#047857;border-color:#a7f3d0;background:#ecfdf5}.order-row-card__reservation-banner{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:6px;padding:.3rem .55rem;margin-bottom:.45rem;font-size:.76rem;font-weight:600;flex-wrap:wrap}.order-row-card__reservation-icon{font-size:.9rem}.order-row-card__reservation-label{text-transform:uppercase;letter-spacing:.04em}.order-row-card__reservation-name,.order-row-card__reservation-date,.order-row-card__reservation-guests{background:#fff3;border-radius:4px;padding:.08rem .35rem}.order-row-card__badge--reservation{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.order-row-card__driver{margin-top:.5rem;padding-top:.45rem;border-top:1px solid #edf2f7}.address-autocomplete-container{position:relative;width:100%}.address-input{width:100%;padding:.875rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;box-sizing:border-box;min-height:44px;color:#111827;font-weight:500;text-align:left;letter-spacing:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.address-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.address-input::-moz-placeholder{color:#9ca3af}.address-input::placeholder{color:#9ca3af}.address-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;max-height:200px;overflow-y:auto;margin-top:4px}.suggestion-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#374151;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.suggestion-item:hover,.suggestion-item.selected{background:#f3f4f6}.suggestion-item.loading{color:#6b7280;cursor:default}.suggestion-item.loading:hover{background:transparent}.suggestion-icon{font-size:1rem;flex-shrink:0}.suggestion-address{font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-city{font-size:.75rem;color:#6b7280;margin-top:.125rem}.geocoding-status{margin-top:.5rem;min-height:1.5rem}.geocoding-indicator{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.geocoding-success{display:flex;align-items:center;gap:.5rem;color:#059669;font-size:.875rem}.geocoding-icon{font-size:1rem}.geocoding-reset{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;font-size:.875rem}.geocoding-reset:hover{background:#f3f4f6;color:#374151}.geocoding-error{display:flex;align-items:center;gap:.5rem;color:#dc2626;font-size:.875rem}@media (max-width: 768px){.address-input{font-size:.875rem;padding:.75rem}.suggestion-item{padding:.625rem;font-size:.8rem}.suggestion-address{font-size:.8rem}.suggestion-city{font-size:.7rem}}.receipt-printer-overlay{position:fixed;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--modal-overlay-padding, 1.5rem);overflow-y:auto}.receipt-printer-modal{background:#fff;border-radius:var(--modal-border-radius, 12px);box-shadow:var(--modal-shadow);width:100%;max-width:min(1600px,95vw);height:100%;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)) - 2 * var(--modal-overlay-padding, 1.5rem));min-height:0;display:flex;flex-direction:column;overflow:hidden;margin:auto}.receipt-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.receipt-header h2{margin:0;color:#333;font-size:1.5rem}.receipt-header-actions{display:flex;gap:10px;align-items:center}.print-btn-header{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.print-btn-header:hover{background:#0056b3;transform:translateY(-1px)}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:5px;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:#e9ecef}.receipt-content{flex:1;overflow-y:auto;padding:20px}.receipt-paper{background:#fff;border:1px solid #ddd;padding:20px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;max-width:400px;margin:0 auto;box-shadow:0 2px 8px #0000001a}@media print{.navigation,.nav-bar,.header,.top-bar,.app-header,.main-navigation,.sidebar,.filters-section,.tabs-section,.page-header,.user-info-header,.logout-btn-header,.main-actions,.action-card,.home-page,.orders-map-page,.orders-list-page,.order-summary-page,.menu-management-page,.users-page,.settings-page,.login-page,.health-check-page{display:none!important}.receipt-printer-overlay{position:static;background:none}.receipt-printer-modal{box-shadow:none;border-radius:0;max-width:none;max-height:none;width:auto}.receipt-header{display:none!important}.receipt-content{padding:0;overflow:visible}.receipt-paper{border:none;box-shadow:none;margin:0;padding:10px;max-width:none}body{margin:0;padding:0}*{visibility:hidden}.receipt-printer-overlay,.receipt-printer-overlay *{visibility:visible}.receipt-printer-overlay{position:absolute;left:0;top:0;width:100%}}.receipt-header-content{text-align:center;margin-bottom:20px}.receipt-header-content h1{font-size:18px;font-weight:700;margin:0 0 10px;color:#000}.receipt-header-content p{margin:2px 0;font-size:12px;color:#333}.receipt-header-content hr{border:none;border-top:1px dashed #333;margin:10px 0}.receipt-customer{margin-bottom:20px}.receipt-customer h3{font-size:14px;font-weight:700;margin:0 0 10px;text-transform:uppercase;color:#000}.receipt-customer p{margin:3px 0;font-size:12px}.receipt-items{margin-bottom:20px}.receipt-items h3{font-size:14px;font-weight:700;margin:0 0 15px;text-transform:uppercase;color:#000}.receipt-item{margin-bottom:15px}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.item-name{font-weight:700;flex:1;font-size:13px}.item-quantity{font-weight:700;margin:0 10px;font-size:12px}.item-total{font-weight:700;font-size:13px;min-width:60px;text-align:right}.item-detail{display:flex;justify-content:space-between;margin:2px 0;font-size:11px;color:#666}.detail-label{font-weight:700}.detail-value{color:#333}.half-half-details{margin:5px 0;padding-left:10px;border-left:2px solid #ddd}.half-detail{display:flex;justify-content:space-between;margin:2px 0;font-size:11px}.half-label{font-weight:700;color:#666}.half-dish{color:#333}.item-addons,.half-addons{margin:5px 0;padding-left:10px}.addon-item{display:flex;justify-content:space-between;margin:2px 0;font-size:11px;color:#666}.addon-name{flex:1}.addon-quantity{margin:0 5px;font-weight:700}.addon-price{font-weight:700;color:#333;min-width:50px;text-align:right}.item-ingredients{margin:5px 0;padding-left:10px}.ingredients-label{font-size:11px;font-weight:700;color:#666;display:block;margin-bottom:3px}.ingredient-item{font-size:11px;color:#333;margin-right:10px}.ingredient-item.removed{color:#999;text-decoration:line-through}.half-addons-label{font-size:11px;font-weight:700;color:#666;display:block;margin-bottom:3px}.item-separator{border:none;border-top:1px dashed #ccc;margin:10px 0}.receipt-summary{margin-top:20px}.receipt-summary hr{border:none;border-top:1px solid #333;margin:10px 0}.total-line{display:flex;justify-content:space-between;font-size:16px;font-weight:700;margin:10px 0}.total-label{text-transform:uppercase}.total-amount{color:#000}.receipt-footer{text-align:center;margin-top:20px;font-size:12px;color:#333}.receipt-footer p{margin:5px 0}.item-notes{margin-top:8px;padding:8px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-size:12px}.notes-label{font-weight:600;color:#495057;margin-right:8px}.notes-text{color:#6c757d;font-style:italic}@media (max-width: 768px){.receipt-printer-overlay{padding:0;align-items:stretch;justify-content:stretch}.receipt-printer-modal{width:100%;height:100%;max-width:100vw;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)));border-radius:0;margin:0}.receipt-paper{max-width:100%;font-size:12px}}.mobile-modal-shell{position:fixed;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0000008c;overscroll-behavior:contain;padding:calc(var(--modal-overlay-padding, 1.5rem) + var(--safe-top, 0px)) calc(var(--modal-overlay-padding, 1.5rem) + var(--safe-right, 0px)) calc(var(--modal-overlay-padding, 1.5rem) + var(--safe-bottom, 0px)) calc(var(--modal-overlay-padding, 1.5rem) + var(--safe-left, 0px))}.mobile-modal-shell__content{width:100%;max-width:min(960px,95vw);max-height:var(--modal-max-height, calc(100vh - var(--nav-height, 6.5rem) - 2rem));min-height:0;background:#fff;border-radius:var(--modal-border-radius, 12px);box-shadow:var(--modal-shadow);overflow:hidden;display:flex;flex-direction:column}.mobile-modal-shell__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.mobile-modal-shell__title{font-size:1rem;font-weight:600;color:#111827}.mobile-modal-shell__close{border:none;background:transparent;color:#374151;font-size:1.5rem;line-height:1;min-width:44px;min-height:44px;border-radius:8px;cursor:pointer}.mobile-modal-shell__close:hover{background:#f3f4f6}.mobile-modal-shell__body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.mobile-modal-shell--fullscreen{padding:0;align-items:stretch;justify-content:stretch}.mobile-modal-shell--fullscreen .mobile-modal-shell__content{max-width:100vw;max-height:var(--modal-max-height-mobile, 100vh);border-radius:0}.mobile-modal-shell--sheet{padding:0 0 var(--safe-bottom, 0px) 0;align-items:flex-end}.mobile-modal-shell--sheet .mobile-modal-shell__content{max-width:100vw;max-height:min(75vh,var(--modal-max-height-mobile, 75vh));border-bottom-left-radius:0;border-bottom-right-radius:0}@media (max-width: 768px){.mobile-modal-shell{padding:var(--safe-top, 0px) var(--safe-right, 0px) var(--safe-bottom, 0px) var(--safe-left, 0px)}.mobile-modal-shell--dialog .mobile-modal-shell__content{max-width:100vw;max-height:var(--modal-max-height-mobile, 100vh);border-radius:0}}.order-creator-overlay{position:fixed;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;padding:var(--modal-overlay-padding, 1.5rem);overflow:hidden}.order-creator-modal{background:#fff;border-radius:var(--modal-border-radius, 12px);width:100%;max-width:min(1600px,95vw);height:100%;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)) - 2 * var(--modal-overlay-padding, 1.5rem));min-height:0;display:flex;flex-direction:column;box-shadow:var(--modal-shadow);overflow:hidden;margin:auto}@media (max-width: 640px){.order-creator-overlay{padding:0;align-items:stretch;justify-content:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch}.order-creator-modal{border-radius:0;max-width:100vw;height:calc(100vh - var(--modal-top, var(--nav-height, 10rem)));max-height:none}.order-creator-modal .modal-header{position:sticky;top:0;z-index:2}.order-creator-content{flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch}.menu-categories-panel{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.categories-list{display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.75rem;-webkit-overflow-scrolling:touch}.category-item{margin-bottom:0;flex:0 0 auto;min-width:160px}}.order-creator-modal .modal-header{flex-shrink:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#6b7280;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.order-creator-content{display:flex;flex:1;min-height:0;overflow:hidden}.menu-categories-panel{width:280px;min-height:0;background:#f8f9fa;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.search-section{padding:1rem;border-bottom:1px solid #e5e7eb}.search-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease}.categories-list{flex:1;overflow-y:auto;padding:.5rem}.menu-loading{padding:1.5rem;text-align:center;color:#6b7280;font-size:.9375rem}.category-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb}.category-item:hover{background:#f0f9ff;border-color:#23a}.category-item.selected{background:#23a;border-color:#23a;color:#fff}.category-name{font-weight:500;font-size:.875rem}.category-count{background:#6b7280;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.category-item.selected .category-count{background:#fff;color:#23a}.menu-items-panel{flex:2;min-width:0;min-height:0;background:#fff;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #e5e7eb}.panel-header{flex-shrink:0;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.panel-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.inline-config-toolbar{display:flex;align-items:center;gap:.8rem;width:100%}.inline-config-back-btn{border:1px solid #d1d5db;background:#fff;color:#334155;border-radius:8px;padding:.4rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer}.inline-config-back-btn:hover{background:#f1f5f9}.menu-items-grid{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.inline-config-panel{flex-shrink:0;border-top:1px solid #e5e7eb;background:#fff;max-height:52%;overflow-y:auto;padding:.85rem 1rem 1rem}.menu-items-config-view{flex:1;max-height:none;border-top:none;padding:1rem}.inline-config-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.inline-config-header h4{margin:0;font-size:.95rem;font-weight:700;color:#1f2937}.inline-config-close{border:1px solid #d1d5db;background:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:1rem;line-height:1;color:#4b5563}.inline-config-close:hover{background:#f3f4f6}.inline-item-config-content{gap:1rem}.inline-item-config-content .size-selection h4{margin-bottom:.7rem;font-size:.85rem;text-align:left}.inline-item-config-content .size-options{justify-content:flex-start;gap:.5rem}.inline-item-config-content .size-option{min-width:100px;padding:.7rem .8rem;border-radius:8px}.inline-item-config-content .addons-tabs{margin-bottom:.8rem}.inline-item-config-content .addon-tab{padding:.45rem .7rem;font-size:.75rem}.inline-item-config-content .addons-content{max-height:230px;margin-bottom:.8rem}.inline-item-config-content .addon-group{margin-bottom:1rem}.inline-item-config-content .addon-group h5{font-size:.85rem;margin-bottom:.5rem}.inline-item-config-content .addon-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.inline-item-config-content .addon-card{padding:.6rem;gap:.5rem}.inline-item-config-content .item-notes-section{margin-top:.2rem}.inline-item-config-content .item-notes-section label{font-size:.8rem;margin-bottom:.35rem;display:block}.inline-item-config-content .item-notes-input{width:100%}.inline-item-config-content .item-summary-inline{padding-top:.85rem;margin-top:.1rem}.inline-item-config-content .summary-inline-title{font-size:.95rem;margin-bottom:.5rem}.inline-item-config-content .quantity-controls{padding:.65rem}.inline-item-config-content .quantity-controls button{width:30px;height:30px;font-size:1rem}.inline-item-config-content .quantity-controls span{font-size:1rem}.inline-item-config-content .total-price{padding:.65rem;font-size:.95rem}.inline-item-config-content .add-to-order-btn{padding:.75rem 1rem;border-radius:10px;font-size:.95rem}.menu-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000a;min-height:70px;display:flex;flex-direction:column;justify-content:space-between}.menu-item-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:#23a}.item-name{font-weight:500;color:#111827;font-size:.8rem;line-height:1.3;margin-bottom:.25rem}.item-price{font-weight:600;color:#059669;font-size:.875rem}.order-summary-panel{width:450px;min-width:0;min-height:0;background:#f8f9fa;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.pickup-type-section{flex-shrink:0;padding:1rem 1.25rem;background:#fff;border-radius:12px;margin:1rem 1rem .5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000f}.pickup-type-label{display:block;font-size:.8rem;font-weight:700;color:#1e3a8a;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.75rem}.pickup-type-section .button-group{display:flex;gap:.5rem;flex-wrap:wrap}.pickup-type-section .option-btn{flex:1;min-width:0}.table-number-inline{margin-top:1rem}.table-number-inline label{display:block;font-size:.8rem;font-weight:600;color:#374151;margin-bottom:.5rem}.table-number-input{width:100%;padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff}.table-number-input:focus{outline:none;border-color:#23a;box-shadow:0 0 0 2px #2233aa26}.customer-section{flex-shrink:0;padding:1rem;border-bottom:1px solid #e5e7eb;background:#fff;margin-bottom:.5rem}.customer-info{margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.info-label{color:#6b7280;font-weight:500}.info-value{color:#111827;font-weight:600;text-align:left}.customer-data-btn{width:100%;padding:.75rem;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.customer-data-btn:hover{background:#d97706;transform:translateY(-1px)}.order-items-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;margin:0 .5rem;border-radius:8px;border:1px solid #e5e7eb}.items-header{flex-shrink:0;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e5e7eb;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-radius:8px 8px 0 0}.empty-items{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.875rem;font-style:italic}.items-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:#fff}.order-item-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 88px 72px;gap:.5rem;padding:.55rem .65rem;border-bottom:1px solid #f3f4f6;align-items:start;font-size:.78rem;min-height:2.6rem}.order-item-row:hover{background:#f9fafb}.item-name{font-weight:600;color:#111827;line-height:1.3;display:inline-block;margin-bottom:.15rem}.order-item-row .item-details{min-width:0;display:flex;flex-direction:column;gap:.2rem}.quantity-display{display:flex;align-items:center;justify-content:center;min-height:1.6rem}.quantity{font-weight:600;color:#6b7280;font-size:.78rem}.quantity-btn{width:1.6rem;height:1.6rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;transition:all .2s ease}.quantity-btn:hover{background:#f3f4f6;border-color:#9ca3af}.quantity{font-weight:600;color:#111827;min-width:1.4rem;text-align:center;font-size:.85rem}.item-total{font-weight:600;color:#059669;text-align:center;min-height:1.6rem;display:flex;align-items:center;justify-content:center}.remove-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:#fef2f2;color:#ef4444}.item-actions{display:flex;gap:.25rem;align-items:flex-start;justify-content:flex-end;min-height:1.6rem}.edit-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.edit-btn:hover{background:#f0f9ff;color:#23a}.order-total{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-top:1px solid #e5e7eb;font-weight:700;margin:.5rem;border-radius:8px;border:1px solid #e5e7eb}.total-label{color:#111827;font-size:1rem}.total-amount{color:#059669;font-size:1.25rem}.order-actions{flex-shrink:0;padding:1rem;background:#f8f9fa;border-top:1px solid #e5e7eb}.submit-btn{width:100%;padding:1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:500;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;transition:all .2s ease;font-size:1rem}.submit-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width: 1200px){.order-creator-modal{max-width:95vw;height:var(--modal-max-height);max-height:var(--modal-max-height)}.menu-categories-panel{width:280px}.order-summary-panel{width:400px}}@media (max-width: 768px){.order-creator-overlay{padding:0;align-items:stretch;justify-content:stretch;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0}.order-creator-modal{width:100%;height:100%;max-width:100vw;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)));border-radius:0;margin:0}.order-creator-content{flex-direction:column}.menu-categories-panel,.order-summary-panel{width:100%;min-height:0}.menu-categories-panel{max-height:200px;flex-shrink:0}.order-summary-panel{flex:1;max-height:40vh}.menu-items-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}.customer-modal-overlay{position:fixed;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10001;padding:var(--modal-overlay-padding, 1.5rem);overflow-y:auto}.item-config-overlay{position:fixed;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;padding:var(--modal-overlay-padding, 1.5rem);overflow-y:auto}.item-config-overlay .item-config-modal{position:relative;margin:auto;flex-shrink:0;max-width:min(1600px,95vw);width:100%;height:100%;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)) - 2 * var(--modal-overlay-padding, 1.5rem))}.customer-modal{background:#fff;border-radius:var(--modal-border-radius, 12px);width:100%;max-width:min(1600px,95vw);height:100%;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)) - 2 * var(--modal-overlay-padding, 1.5rem));min-height:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--modal-shadow);margin:auto}.customer-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.customer-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.customer-form-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem;flex:1;min-height:0;overflow-y:auto}.form-left-column,.form-right-column{display:flex;flex-direction:column;gap:1rem}.form-group label{display:block;margin-bottom:.75rem;font-weight:700;color:#111827;font-size:1rem;letter-spacing:-.025em}.form-input{width:100%;padding:.875rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;box-sizing:border-box;min-height:44px;color:#111827;font-weight:500;text-align:left;letter-spacing:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.form-input:focus{outline:none;border-color:#23a;box-shadow:0 0 0 3px #3b82f61a}.form-input::-moz-placeholder{color:#9ca3af;font-weight:400;opacity:1}.form-input::placeholder{color:#9ca3af;font-weight:400;opacity:1}.form-textarea::-moz-placeholder{color:#9ca3af;font-weight:400;opacity:1}.form-textarea::placeholder{color:#9ca3af;font-weight:400;opacity:1}.form-textarea{width:100%;padding:.875rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;box-sizing:border-box;resize:vertical;min-height:100px;color:#111827;font-weight:500;line-height:1.5;text-align:left;letter-spacing:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.form-textarea:focus{outline:none;border-color:#23a;box-shadow:0 0 0 3px #3b82f61a}.address-row{display:flex;gap:.75rem;align-items:stretch}.address-autocomplete-wrapper{flex:1;min-width:300px}.address-input{flex:1;min-width:200px;font-size:1rem;padding:1rem;min-height:48px}.city-input{width:140px;font-size:1rem;padding:1rem;min-height:48px}.price-input-row{display:flex;align-items:center;gap:.5rem}.price-input{width:100px}.currency{font-weight:600;color:#374151}.geocoding-status{margin-top:.75rem;font-size:.875rem}.geocoding-indicator,.geocoding-success,.geocoding-error{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;font-size:.875rem;font-weight:500;min-height:44px}.geocoding-indicator{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.geocoding-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.geocoding-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.geocoding-spinner{animation:spin 1s linear infinite}.geocoding-icon{font-size:.875rem}.geocoding-reset{background:none;border:none;font-size:1rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease;margin-left:auto}.geocoding-reset:hover{background:#0000001a}.button-group{display:flex;gap:.5rem;flex-wrap:wrap}.option-btn{flex:1;min-width:100px;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.option-btn:hover{border-color:#23a;color:#23a;background:#f0f9ff}.option-btn.active{background:#23a;border-color:#23a;color:#fff}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-input{width:1rem;height:1rem;cursor:pointer}.form-bottom-section{grid-column:1 / -1;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.delivery-type-buttons{display:flex;gap:1rem;margin-bottom:1rem}.delivery-btn{flex:1;padding:1rem 1.5rem;border:1px solid #d1d5db;border-radius:12px;background:#fff;color:#374151;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.delivery-btn:hover{border-color:#23a;color:#23a;background:#f0f9ff}.delivery-btn.active{background:#23a;border-color:#23a;color:#fff}.time-options{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.time-btn{width:50px;height:40px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.time-btn:hover{border-color:#23a;color:#23a;background:#f0f9ff}.time-btn.active{background:#23a;border-color:#23a;color:#fff}.custom-time{display:flex;align-items:center;gap:.5rem}.custom-input{width:80px}.datetime-input{margin-top:.5rem}.scheduled-time-section{display:flex;flex-direction:column;gap:.5rem}.datetime-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.order-summary{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.total-price{font-size:1.25rem;font-weight:700;color:#111827}.place-order-btn{background:#10b981;color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.place-order-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}@media (max-width: 768px){.customer-modal-overlay,.item-config-overlay{padding:0;align-items:stretch;justify-content:stretch}.customer-modal,.customer-modal-overlay .addons-modal{width:100%;height:100%;max-width:100vw;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)));border-radius:0;margin:0}.item-config-overlay .item-config-modal{width:100%;height:100%;max-width:100vw;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)));border-radius:0}.customer-form-content{grid-template-columns:1fr;gap:1rem}.address-row{flex-direction:column;gap:.5rem}.address-input{min-width:auto;width:100%}.city-input{width:100%}.form-input{font-size:1.1rem;padding:1rem;min-height:52px}.form-textarea{font-size:1.1rem;padding:1rem;min-height:120px}.delivery-type-buttons{flex-direction:column}.order-summary{flex-direction:column;gap:1rem;align-items:stretch}.place-order-btn{width:100%;justify-content:center}}.addon-options{display:flex;flex-direction:column;gap:8px;margin-top:8px}.addon-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.addon-option:hover{border-color:#23a;background:#f8fafc}.addon-option input[type=checkbox]{width:18px;height:18px;accent-color:#2233AA}.addon-name{flex:1;font-weight:500;color:#374151}.addon-price{font-weight:600;color:#059669;font-size:.9rem}.modal-buttons{display:flex;gap:12px;margin-top:16px}.cancel-btn{flex:1;padding:12px 24px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:500;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.confirm-btn{flex:1;padding:12px 24px;background:#23a;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-btn:hover{background:#1a2a8a}.item-config-modal{background:#fff;border-radius:var(--modal-border-radius, 12px);width:100%;max-width:min(1600px,95vw);min-width:340px;height:100%;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)) - 2 * var(--modal-overlay-padding, 1.5rem));min-height:0;display:flex;flex-direction:column;box-shadow:var(--modal-shadow);overflow:hidden;margin:auto}.item-config-modal .customer-modal-header{flex-shrink:0;padding:1.25rem 1.5rem;gap:1rem}.item-config-modal .customer-modal-header .modal-title{flex:1;min-width:0}.item-config-modal .customer-modal-header .close-btn{flex-shrink:0;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;padding:0;border-radius:8px}.item-config-modal .customer-modal-header .close-btn:hover{background:#e5e7eb}.item-config-content{flex:1;padding:1.5rem 1.5rem 2rem;overflow-y:auto;min-height:0}.item-configuration{display:flex;flex-direction:column;gap:2rem;height:100%}.item-config-single-page .item-summary-inline{margin-top:.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.item-config-single-page .summary-inline-title{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#374151}.size-selection h4{margin:0 0 1.5rem;font-size:1.2rem;font-weight:600;color:#374151;text-align:center}.size-options{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.size-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:120px}.size-option:hover{background:#e9ecef;border-color:#d1d5db}.size-option.selected{background:#23a;border-color:#23a;color:#fff}.size-name{font-size:1.1rem;font-weight:600}.size-price{font-size:1rem;font-weight:500}.addons-selection{display:flex;flex-direction:column;height:100%}.addons-tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.addon-tab{padding:.75rem 1.5rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.addon-tab.active{background:#23a;color:#fff;border-color:#23a}.addons-content{flex:1;overflow-y:auto;margin-bottom:1.5rem}.addon-group{margin-bottom:2rem}.addon-group h5{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151}.addon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.addon-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.addon-card:hover{background:#e9ecef;border-color:#d1d5db}.addon-card input[type=checkbox]{width:18px;height:18px;accent-color:#2233AA}.addon-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.addon-name{font-weight:500;color:#374151}.addon-price{font-size:.875rem;color:#059669;font-weight:600}.addons-actions{display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:1px solid #e5e7eb}.config-actions{display:flex;justify-content:flex-end;padding-top:1.5rem;padding-bottom:.25rem;margin-top:1rem;border-top:1px solid #e5e7eb}.continue-btn{padding:1rem 2rem;background:#23a;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.continue-btn:hover:not(:disabled){background:#1a2a8a}.continue-btn:disabled{background:#9ca3af;cursor:not-allowed}.item-summary{display:flex;flex-direction:column;gap:1.5rem}.summary-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-btn{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#e5e7eb;border-color:#9ca3af}.summary-header h4{margin:0;font-size:1.2rem;font-weight:600;color:#374151}.summary-item h5{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#374151}.item-details{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.item-name{font-weight:500;color:#374151}.item-quantity{font-size:.875rem;color:#6b7280}.selected-addons{padding:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.selected-addons h5{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#0369a1}.selected-addon{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e0f2fe}.selected-addon:last-child{border-bottom:none}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.quantity-controls button{width:40px;height:40px;border:1px solid #d1d5db;border-radius:50%;background:#fff;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quantity-controls button:hover{background:#f3f4f6;border-color:#9ca3af}.quantity-controls span{font-size:1.2rem;font-weight:600;color:#374151;min-width:2rem;text-align:center}.total-price{text-align:center;padding:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:1.1rem;font-weight:600;color:#0369a1}.add-to-order-btn{padding:1rem 2rem;background:#10b981;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-to-order-btn:hover:not(:disabled){background:#059669}.add-to-order-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.item-config-modal{max-width:calc(100vw - var(--modal-overlay-padding, 1.5rem) * 2);min-width:0;max-height:min(90vh,var(--modal-max-height))}.item-config-modal .customer-modal-header{padding:1rem 1.25rem}.item-config-content{padding:1.25rem 1.25rem 1.5rem}.item-configuration{gap:1.5rem}.size-options{flex-direction:column;align-items:center}.size-option{width:100%;max-width:200px}.addon-grid{grid-template-columns:1fr}.addons-actions{flex-direction:column}.summary-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.modal-title{display:flex;align-items:center;gap:.75rem}.half-half-toggle-btn{background:#fef3c7;color:#d97706;border:1px solid #fbbf24;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:600;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .2s ease}.half-half-toggle-btn:hover{background:#fbbf24;color:#92400e}.half-half-mode-indicator{display:flex;align-items:center;gap:.5rem}.half-half-badge{background:#23a;color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.half-half-price{font-size:.9rem;font-weight:600;color:#059669}.half-half-configuration{display:flex;flex-direction:column;gap:1.5rem}.half-dishes-selection h4{margin-bottom:1rem;color:#374151;font-size:1rem;font-weight:600}.half-dishes-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.half-dish-section{display:flex;flex-direction:column;gap:.75rem;height:100%}.half-dish-section h5{margin:0 0 .75rem;color:#6b7280;font-size:.875rem;font-weight:500;text-align:center}.half-dish-options{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.half-dish-btn{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.half-dish-info{display:flex;justify-content:space-between;align-items:center;width:100%}.half-dish-name{font-weight:500;color:inherit}.half-dish-price{font-weight:600;color:#059669;font-size:.8rem}.half-dish-btn:hover{background:#f3f4f6;border-color:#9ca3af}.half-dish-btn.selected{background:#23a;color:#fff;border-color:#1a2a8a}.half-dish-btn.selected:hover{background:#1a2a8a}.half-half-summary{display:flex;flex-direction:column;gap:.5rem}.half-summary{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0}.half-label{font-size:.875rem;color:#6b7280;font-weight:500}.half-dish{font-size:.875rem;color:#374151;font-weight:600}.selected-ingredients-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.ingredient-pill{display:flex;align-items:center;background:#23a;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;gap:.5rem}.ingredient-name{font-weight:500}.remove-ingredient-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.remove-ingredient-btn:hover{background-color:#fff3}.addons-modal{background:#fff;border-radius:var(--modal-border-radius, 12px);width:100%;max-width:min(1600px,95vw);height:100%;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)) - 2 * var(--modal-overlay-padding, 1.5rem));min-height:0;display:flex;flex-direction:column;box-shadow:var(--modal-shadow);overflow:hidden;margin:auto}.addons-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.addons-actions{display:flex;align-items:center;gap:1rem}.addons-actions .quantity-controls{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.25rem}.addons-actions .quantity-btn{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:600;color:#374151;display:flex;align-items:center;justify-content:center;transition:all .2s}.addons-actions .quantity-btn:hover{background:#e5e7eb}.addons-actions .quantity{font-weight:600;min-width:20px;text-align:center;color:#111827}.addons-title-section{display:flex;align-items:center;gap:1rem}.addons-title-section h3{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.search-section{display:flex;align-items:center}.search-input{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;width:200px}.search-input:focus{outline:none;border-color:#23a;box-shadow:0 0 0 3px #3b82f61a}.save-btn{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:.875rem}.save-btn:hover{background:#059669}.addons-content{flex:1;padding:1.5rem;overflow-y:auto}.selected-addons-section{margin-bottom:2rem}.selected-addons-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.selected-addon-pill{display:flex;align-items:center;background:#23a;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;gap:.5rem}.remove-addon-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.remove-addon-btn:hover{background-color:#fff3}.addons-section{margin-bottom:2rem}.section-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 1rem}.addons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.addon-item{display:flex;align-items:center;background:transparent;border:none;border-radius:8px;padding:0;transition:all .2s}.addon-button{display:flex;flex-direction:column;gap:.25rem;width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;cursor:pointer;transition:all .2s;text-align:left;position:relative;font-size:.875rem}.addon-button:hover{background:#f3f4f6;border-color:#d1d5db}.addon-button.free{border-color:#10b981;background:#f0fdf4}.addon-button.free:hover{border-color:#059669;background:#ecfdf5}.addon-checkbox{margin-right:.75rem;width:16px;height:16px;accent-color:#2233AA}.addon-label{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;flex:1}.addon-label .addon-name{font-weight:500;color:#111827;font-size:.875rem}.addon-label .addon-price{font-size:.75rem;color:#6b7280;font-weight:600}.addon-button .addon-name{font-weight:500;color:#111827;font-size:.75rem}.addon-button .addon-price{font-weight:600;color:#059669;font-size:.75rem}.addon-count{position:absolute;top:-6px;right:-6px;background:#23a;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600}.addon-button.free .addon-count{background:#10b981}.selected-addon-pill.free{background:#f0fdf4;border-color:#10b981;color:#059669}.selected-addon-pill.ingredient{background:#fef3c7;border-color:#f59e0b;color:#d97706}.sizes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-top:.75rem}.size-button{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s;text-align:left}.size-button:hover{background:#f3f4f6;border-color:#d1d5db}.size-button.selected{background:#dbeafe;border-color:#23a}.size-name{font-weight:500;color:#111827;font-size:.875rem}.size-price{font-weight:600;color:#059669;font-size:.875rem}.half-half-section{margin-top:.75rem}.half-half-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s;font-weight:500;color:#111827}.half-half-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.half-half-toggle.active{background:#dbeafe;border-color:#23a;color:#152080}.half-half-content{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem}.half-selection h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151}.half-dishes-selection{margin-bottom:1.5rem}.half-dishes-selection h5{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#111827;text-align:center}.half-dishes-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;align-items:stretch}.half-dish-section{display:flex;flex-direction:column;min-height:0}.half-dish-section h6{margin:0 0 .75rem;padding:0 .25rem;font-size:.875rem;font-weight:600;color:#374151;text-align:center;width:100%;box-sizing:border-box}.half-dish-options{display:flex;flex-direction:column;gap:.5rem;height:200px;min-height:200px;max-height:200px;overflow-y:auto}.half-dish-btn{display:flex;align-items:center;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s;text-align:left}.half-dish-btn:hover{background:#f3f4f6;border-color:#d1d5db}.half-dish-btn.selected{background:#dbeafe;border-color:#23a}.half-dish-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.half-dish-name{font-weight:500;color:#111827;font-size:.875rem}.half-dish-category{font-weight:400;color:#6b7280;font-size:.75rem;font-style:italic}.delivery-zone-info{margin-top:.5rem;padding:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem}.zone-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.zone-info.no-zone{color:#6b7280}.zone-name{font-weight:500;color:#374151}.zone-price{font-weight:600;color:#059669}.zone-info.no-zone .zone-name,.zone-info.no-zone .zone-price{color:#6b7280}.item-notes{margin-top:.5rem;padding:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem}.notes-label{font-weight:500;color:#374151;margin-right:.5rem}.notes-text{color:#6b7280;font-style:italic}.item-notes-section{margin-top:1.25rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.item-notes-section .item-notes-input{width:100%;min-height:80px;padding:.75rem;border-radius:8px;border:1px solid #d1d5db;font-size:.875rem;resize:vertical;box-sizing:border-box}.item-notes-section .item-notes-input:focus{outline:none;border-color:#23a;box-shadow:0 0 0 2px #2233aa26}.item-notes-section label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.item-notes-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px}.item-notes-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.item-notes-input::-moz-placeholder{color:#9ca3af}.item-notes-input::placeholder{color:#9ca3af}.half-dish-price{font-weight:600;color:#059669;font-size:.875rem}.half-sizes-selection{margin-top:1.5rem}.half-sizes-selection h5{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#111827;text-align:center}.half-sizes-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.half-sizes-container .half-selection h6{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#374151;text-align:center}.half-addons-selection{margin-top:1.5rem}.half-addons-selection h5{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#111827;text-align:center}.half-addons-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;align-items:stretch}.half-addon-section{display:flex;flex-direction:column;min-height:0}.half-addon-section h6{margin:0 0 .75rem;padding:0 .25rem;font-size:.875rem;font-weight:600;color:#374151;text-align:center;width:100%;box-sizing:border-box}.half-addon-options{height:200px;min-height:200px;max-height:200px;overflow-y:auto}.addon-group-section{margin-bottom:.75rem}.addon-group-section h7{margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.half-ingredients-display{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.half-ingredients-display h5{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#111827;text-align:center}.half-ingredients-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.half-ingredient-section h6{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#374151;text-align:center}.ingredients-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.ingredient-item{padding:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;display:flex;align-items:center;justify-content:space-between}.ingredient-item.removable{padding-right:.25rem}.ingredient-name{font-weight:500;color:#374151;flex:1}.remove-ingredient-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s;margin-left:.5rem}.remove-ingredient-btn:hover{background:#dc2626;transform:scale(1.1)}.ingredient-item.paid{background:#fef3c7;border-color:#f59e0b}.ingredient-item.paid .ingredient-name{color:#d97706}.ingredient-item.free{background:#f0fdf4;border-color:#10b981}.ingredient-item.free .ingredient-name{color:#059669}.half-half-compact{margin-top:.5rem}.half-half-description{font-size:.875rem;line-height:1.4}.half-half-text{display:inline;word-wrap:break-word}.half-category-selection{margin-bottom:1.5rem}.half-category-selection h6{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151}.half-category-options{display:flex;flex-wrap:wrap;gap:.75rem}.half-category-btn{padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.half-category-btn:hover{border-color:#3b82f6;background:#f8fafc}.half-category-btn:active{background:#3b82f6;border-color:#3b82f6;color:#fff}.half-category-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.half-category-header h6{margin:0;font-size:1rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:1rem}.change-category-btn{background:none;border:1px solid #d1d5db;color:#6b7280;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.change-category-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.no-dish-selected{padding:1rem;text-align:center;color:#6b7280;font-style:italic;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px}.no-dish-selected p{margin:0;font-size:.9rem}.half-separator{font-weight:500;color:#374151}.added-ingredient{color:#059669;font-weight:500}.removed-ingredient{color:#dc2626;font-weight:500}.size-info{color:#6b7280;font-weight:500}.addons-footer{padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:center}.save-btn-large{background:#10b981;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:1rem;width:100%;max-width:200px}.save-btn-large:hover{background:#059669}@media (max-width: 768px){.addons-modal{max-width:95vw;margin:1rem}.addons-grid{grid-template-columns:1fr}.addons-header{flex-direction:column;gap:1rem;align-items:stretch}.addons-title-section{flex-direction:column;gap:.5rem}.search-input{width:100%}}.address-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:.5rem}.suggestion-item{display:flex;align-items:center;padding:.75rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.suggestion-item:hover{background-color:#f9fafb}.suggestion-item:last-child{border-bottom:none}.suggestion-item.loading{cursor:default;color:#6b7280}.suggestion-icon{font-size:1rem;margin-right:.75rem;color:#23a}.suggestion-content{flex:1;min-width:0}.suggestion-address{font-weight:500;color:#111827;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-city{font-size:.875rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.address-row{position:relative}.order-status-change-modal-overlay{position:fixed;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--modal-overlay-padding, 1.5rem);overflow-y:auto}.order-status-change-modal{background:#fff;border-radius:var(--modal-border-radius, 12px);box-shadow:var(--modal-shadow);width:100%;max-width:min(1600px,95vw);height:100%;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)) - 2 * var(--modal-overlay-padding, 1.5rem));min-height:0;overflow-y:auto;position:relative;display:flex;flex-direction:column;margin:auto}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#111827}.completion-section,.payment-section{margin-bottom:32px}.completion-section h3,.payment-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.payment-method-label{font-size:14px;color:#6b7280;margin-bottom:12px}.completion-buttons{display:flex;flex-wrap:wrap;gap:12px}.completion-btn{flex:1 1 120px;min-width:100px;display:flex;flex-direction:column;align-items:center;padding:16px 12px;border:2px solid;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;min-height:72px;justify-content:center}.completion-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.completion-btn.selected{box-shadow:0 4px 12px #00000026}.completion-icon{font-size:24px;margin-bottom:8px}.completion-label{font-size:14px;font-weight:600;text-align:center}.payment-buttons{display:flex;gap:12px}.payment-btn{flex:1;padding:12px 16px;border:2px solid #2233AA;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#374151;text-align:center}.payment-btn:hover{background:#f0f9ff;border-color:#1a2a8a}.payment-btn.selected{background:#23a;color:#fff;border-color:#23a}.payment-label{font-size:14px;font-weight:500}.confirm-btn{background:#23a;color:#fff;border:none;padding:16px 48px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.confirm-btn:hover:not(:disabled){background:#1a2a8a;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.confirm-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.order-status-change-modal-overlay{padding:0;align-items:stretch;justify-content:stretch}.order-status-change-modal{width:100%;height:100%;max-width:100vw;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)));border-radius:0;margin:0}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.completion-buttons{flex-direction:column;gap:12px}.payment-buttons{flex-direction:column;gap:8px}.completion-btn{min-height:60px}}.order-detail-overlay{position:fixed;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--modal-overlay-padding, 1.5rem);overflow-y:auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.order-detail-overlay *{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.order-detail-container{background:#fff;border-radius:var(--modal-border-radius, 12px);box-shadow:var(--modal-shadow);width:100%;max-width:min(1600px,95vw);height:100%;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)) - 2 * var(--modal-overlay-padding, 1.5rem));min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column;margin:auto}.order-detail-header{background:var(--color-primary, #2233AA);color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0;flex-shrink:0;box-shadow:inset 0 -1px #ffffff1f}.header-left{display:flex;align-items:center;gap:16px}.header-right{display:flex;align-items:center;gap:12px}.edit-order-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md, 8px);padding:10px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base, .2s);display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-reservation-btn{background:#8b5cf633;color:#fff;border:1px solid rgba(196,181,253,.45);border-radius:var(--radius-md, 8px);padding:10px 16px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base, .2s);display:flex;align-items:center;gap:8px}.edit-reservation-btn:hover{background:#8b5cf659;border-color:#d8b4feb3;transform:translateY(-1px)}.edit-order-btn:hover{background:#ffffff47;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.edit-order-btn.disabled{opacity:.4;cursor:not-allowed}.edit-order-btn.disabled:hover{background:#ffffff26;transform:none;box-shadow:none}.close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.close-btn:hover{background:#ffffff1a}.order-info{display:flex;align-items:center;min-width:0}.order-info-row{display:flex;align-items:center;gap:16px}.order-info-single-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;white-space:nowrap;min-width:0;overflow:hidden}.order-number{font-weight:700;font-size:1.125rem;letter-spacing:-.01em}.status-pill{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full, 9999px);background:#fff3;color:#fff;letter-spacing:.01em;text-transform:uppercase}.status-pill-open{background:var(--color-info, #3b82f6)}.status-pill-progress{background:var(--color-warning, #f59e0b);color:#1f2937}.status-pill-ready{background:var(--color-success, #10b981)}.status-pill-completed{background:#ffffff40}.status-pill-cancelled{background:var(--color-danger, #ef4444)}.status-pill-pending{background:#f97316}.order-type-badge-header{font-size:.8rem;font-weight:500;color:#0f172a;opacity:1}.order-total{font-size:1rem;font-weight:700;background:#ffffff2e;padding:4px 12px;border-radius:var(--radius-full, 9999px);letter-spacing:-.01em}.order-source{font-size:14px;opacity:.8}.edit-btn{background:#fbbf24;color:#1f2937;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.edit-btn:hover{background:#f59e0b;transform:translateY(-1px)}.edit-btn.disabled{background:#9ca3af;color:#6b7280;cursor:not-allowed;opacity:.6}.edit-btn.disabled:hover{background:#9ca3af;transform:none}.order-detail-content{display:flex;flex:1;min-height:0;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fb}.order-detail-left{flex:2;padding:18px 20px;border-right:1px solid var(--color-gray-200, #e5e7eb);overflow-y:auto}.order-detail-right{flex:1;padding:18px 20px;background:#eef2f8;overflow-y:auto}.order-section{margin-bottom:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;box-shadow:0 1px 4px #0f172a0d}.order-section h3{margin:0 0 10px;font-size:.875rem;font-weight:700;color:var(--color-gray-900, #111827);text-transform:uppercase;letter-spacing:.04em}.order-items-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#f8fafc}.table-header{display:grid;grid-template-columns:minmax(0,1fr) 90px 120px 126px;gap:8px;padding:10px 12px;background:#eef2f7;font-weight:600;font-size:.8rem;color:var(--color-gray-600, #4b5563);text-transform:uppercase;letter-spacing:.03em}.table-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 120px 126px;gap:8px;padding:10px 12px;border-top:1px solid var(--color-gray-200, #e5e7eb);align-items:stretch;transition:background var(--transition-fast, .15s);background:#fff}.item-right-column{display:flex;flex-direction:column;align-items:flex-end;gap:4px;justify-content:flex-start;min-height:0;padding-top:2px}.item-right-column--qty,.item-right-column--total{align-items:center}.item-right-column--action{align-items:flex-end}.item-details{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0;width:100%}.item-name-container{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:8px}.item-name-row{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:4px}.item-prices{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;text-align:right}.item-prices .item-price{font-size:.875rem;color:#6b7280;font-weight:500}.item-total{font-size:.9rem;color:#1f2937;font-weight:700;text-align:center}.item-addons{display:grid;grid-template-columns:1fr;gap:2px;margin-left:0;margin-top:0;align-items:flex-start;width:100%}.order-detail-view .addon-item{display:flex!important;align-items:center;justify-content:flex-start;gap:6px;font-size:.7rem;color:#059669;font-weight:500;white-space:normal;width:100%;background:none!important;border:none!important;padding:0!important;margin:0!important}.addon-name{font-weight:500}.addon-quantity{color:#9ca3af;font-size:.75rem}.addon-price{color:#059669;font-weight:500;margin-left:0}.item-size{margin-top:0;font-size:.7rem;color:#f59e0b;font-weight:500;display:block;width:100%}.size-name{font-weight:500}.size-price{color:#f59e0b;font-weight:500}.item-notes{margin-top:0;font-size:.7rem;color:#0ea5e9;font-style:italic;font-weight:500;display:block;width:100%}.notes-text{color:#374151}.item-half-half{margin-top:0;font-size:.7rem;color:#6b7280;width:100%}.half-detail{margin-bottom:1px;display:flex;align-items:flex-start;gap:4px;flex-wrap:wrap;width:100%}.half-label{font-weight:500;color:#374151;flex-shrink:0}.half-addons{display:flex;flex-wrap:wrap;gap:2px}.half-addon{font-size:.65rem;color:#059669;font-weight:500}.item-removed-ingredients{margin-top:0;display:flex;flex-wrap:wrap;gap:4px;width:100%}.removed-ingredient{font-size:.7rem;color:#ef4444;font-weight:500;text-decoration:line-through}.table-row:hover{background:#f9fafb}.item-name{font-weight:700;flex-shrink:0;color:#0f172a;line-height:1.3}.item-quantity,.item-price,.item-discount,.item-total{text-align:right;font-size:12px}.item-quantity{font-size:.82rem;color:#475569;font-weight:600}.item-edit-btn{background:#23a;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:94px;align-self:flex-start}.item-edit-btn:hover{background:#1a2a8a;transform:translateY(-1px)}.item-edit-btn.disabled{opacity:.5;cursor:not-allowed}.item-edit-btn.disabled:hover{transform:none;background:#23a}.additional-charges{border:1px solid #e5e7eb;border-radius:8px;padding:12px}.charge-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 2px;font-weight:700;font-size:1rem;border-bottom:0;color:var(--color-gray-900, #111827)}.summary-row:last-child{border-bottom:none}.client-info,.order-info-details{display:flex;flex-direction:column;gap:6px}.info-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-md, 8px);transition:background var(--transition-fast, .15s);background:#f8fafc;border:1px solid #e2e8f0}.info-row:hover{background:var(--color-gray-100, #f3f4f6)}.info-icon{font-size:1rem;width:24px;text-align:center;flex-shrink:0}.edit-info-btn{background:#fbbf24;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;margin-left:auto;transition:all .2s ease}.edit-info-btn:hover{background:#f59e0b}.edit-info-btn.disabled{background:#9ca3af;color:#6b7280;cursor:not-allowed;opacity:.6}.edit-info-btn.disabled:hover{background:#9ca3af}.order-detail-footer{background:#f7f9fc;padding:14px 24px;display:flex;align-items:center;gap:10px;border-radius:0 0 var(--radius-lg, 12px) var(--radius-lg, 12px);border-top:1px solid var(--color-gray-200, #e5e7eb);flex-shrink:0}.change-status-btn{background:var(--color-success, #10b981);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md, 8px);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-base, .2s);font-size:.875rem}.change-status-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}.change-status-btn.disabled{background:var(--color-gray-400, #9ca3af);color:var(--color-gray-500, #6b7280);cursor:not-allowed;opacity:.6}.change-status-btn.disabled:hover{background:var(--color-gray-400, #9ca3af);transform:none;box-shadow:none}.split-btn.disabled{background:#9ca3af;color:#6b7280;cursor:not-allowed;opacity:.6}.split-btn.disabled:hover{background:#9ca3af;transform:none;box-shadow:none}.voucher-btn,.receipt-btn,.invoice-btn,.split-btn{background:var(--color-primary, #2233AA);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-md, 8px);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all var(--transition-base, .2s);font-size:.8125rem}.receipt-btn{background:var(--color-gray-500, #6b7280)}.voucher-btn:hover,.invoice-btn:hover,.split-btn:hover{background:var(--color-primary-dark, #1a2a8a);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.receipt-btn:hover{background:#4b5563;transform:translateY(-1px)}.keyboard-shortcuts{margin-left:auto;color:#6b7280;font-size:12px;font-weight:500}@media (max-width: 1400px){.order-detail-container{max-width:90vw}}@media (max-width: 1200px){.order-detail-container{max-width:95vw}.order-detail-content{flex-direction:column}.order-detail-left{border-right:none;border-bottom:1px solid #e5e7eb}.order-detail-right{background:#fff}}@media (max-width: 900px){.table-header,.table-row{grid-template-columns:minmax(0,1fr) 72px 92px 88px;gap:6px}.item-edit-btn{min-width:80px;padding:6px 8px;font-size:.7rem}}@media (max-width: 768px){.order-detail-overlay{padding:0;align-items:stretch;justify-content:stretch;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0}.order-detail-container{width:100%;height:100%;max-width:100vw;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)));border-radius:0;margin:0}.order-detail-header{flex-direction:column;gap:8px;align-items:flex-start;padding:8px 12px}.order-detail-left,.order-detail-right{padding:12px}.order-section{margin-bottom:12px}.table-header,.table-row{grid-template-columns:1fr;gap:4px;padding:6px 8px}.item-right-column--qty,.item-right-column--total,.item-right-column--action{align-items:flex-start;min-height:0}.order-detail-footer{flex-wrap:wrap;gap:6px;padding:8px 12px}.change-status-btn,.voucher-btn,.receipt-btn,.invoice-btn,.split-btn{flex:1;min-width:80px;justify-content:center;padding:6px 8px;font-size:12px}.keyboard-shortcuts{display:none}}.payment-modal-overlay{position:fixed;top:var(--nav-height, 6.5rem);left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;padding:2rem 20px 20px}.payment-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:400px;max-height:calc(100vh - var(--nav-height, 6.5rem) - 4rem);overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.payment-modal-overlay{padding:0;align-items:stretch;justify-content:stretch}.payment-modal-overlay .payment-modal{width:100%;height:100%;max-width:100vw;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)));border-radius:0}}.payment-modal-header{background:#1e3a8a;color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-radius:12px 12px 0 0}.payment-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.payment-options{padding:20px;display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:500}.payment-option:hover{border-color:#23a;background:#f0f9ff}.payment-option.selected{border-color:#23a;background:#dbeafe;color:#1e40af}.payment-option.remove-payment{border-color:#ef4444;background:#fef2f2;color:#dc2626}.payment-option.remove-payment:hover{border-color:#dc2626;background:#fee2e2}.payment-option.remove-payment.selected{border-color:#dc2626;background:#fecaca;color:#b91c1c}.payment-icon{font-size:1.5rem;width:24px;text-align:center}.payment-modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.reservation-edit-form{gap:10px}.reservation-edit-form,.reservation-edit-form *{box-sizing:border-box}.reservation-edit-form label{font-size:.8125rem;font-weight:600;color:#374151}.reservation-edit-form input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:9px 11px;font-size:.9rem}.reservation-edit-form input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf626}.save-reservation-btn{background:#7c3aed;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease;margin-left:8px}.save-reservation-btn:hover{background:#6d28d9}.split-workspace-overlay{padding:0}.split-workspace-modal{width:100%;height:100%;background:linear-gradient(180deg,#f8faff,#eef2f7);display:flex;flex-direction:column}.split-workspace-header{background:var(--color-primary, #2233AA);padding:8px}.split-close-btn{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:4px;padding:6px 10px;font-size:.75rem;cursor:pointer}.split-close-btn:hover{background:#ffffff47}.split-workspace-content{flex:1;min-height:0;display:grid;grid-template-columns:minmax(280px,48%) minmax(280px,52%);gap:6px;padding:6px}.split-source-panel,.split-target-panel{background:#fff;border:1px solid #d6deea;border-radius:8px;min-height:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 4px #0f172a0f}.split-panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #e2e8f0;font-weight:700;color:#1f2a44;background:#f8fbff}.split-source-list{flex:1;overflow-y:auto}.split-source-row{display:grid;grid-template-columns:1fr 34px;align-items:center;border-bottom:1px solid #edf2fb}.split-source-main{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 10px;min-width:0}.split-source-name{font-size:.86rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-source-meta,.split-source-line-total{font-size:.78rem;color:#4b5563;white-space:nowrap}.split-move-btn,.split-back-btn{background:var(--color-primary, #2233AA);color:#fff;border:none;border-radius:4px;width:26px;height:24px;cursor:pointer;font-weight:700}.split-move-btn:hover,.split-back-btn:hover{background:#1a2a8a}.split-move-btn:disabled{background:#cbd5e1;cursor:not-allowed}.split-back-btn{background:#4b5fbe}.split-empty-target{flex:1;border:none;background:transparent;color:#6b7280;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer}.split-empty-plus{width:44px;height:44px;border-radius:50%;border:2px dashed #cbd5e1;display:grid;place-items:center;font-size:1.75rem;color:#94a3b8}.split-bills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;padding:8px;overflow-y:auto}.split-bill-card{border:1px solid #d8e0ed;border-radius:8px;background:#f8fbff;display:flex;flex-direction:column;min-height:180px;cursor:pointer}.split-bill-card.active{border-color:var(--color-primary, #2233AA);box-shadow:0 0 0 2px #2233aa29}.split-bill-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #e5e7eb;font-size:.85rem}.split-bill-items{padding:8px;display:flex;flex-direction:column;gap:6px}.split-bill-item-row{display:grid;grid-template-columns:1fr auto auto 28px;gap:8px;align-items:center;padding:6px 8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.split-bill-item-name{font-size:.78rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-bill-item-meta,.split-bill-item-total{font-size:.72rem;color:#4b5563;white-space:nowrap}.split-workspace-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 6px;border-top:1px solid #dbe3f1;background:#f6f9ff}.split-even-btn,.split-add-bill-btn{border:none;border-radius:4px;padding:8px 12px;font-size:.8rem;cursor:pointer}.split-even-btn{background:#0ea5e9;color:#fff}.split-even-btn:hover{background:#0284c7}.split-even-btn:disabled{background:#9ca3af;cursor:not-allowed}.split-footer-actions{display:flex;gap:8px}.split-add-bill-btn{background:var(--color-primary, #2233AA);color:#fff}.split-add-bill-btn:hover{background:#1a2a8a}.cancel-btn{background:#6b7280;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.cancel-btn:hover{background:#4b5563}.order-detail-container-inline{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:0;box-shadow:none;overflow:hidden}.order-detail-container-inline .order-detail-header{border-radius:0;padding:1rem;border-bottom:1px solid #e5e7eb}.order-detail-container-inline .order-detail-content{flex:1;overflow-y:auto;padding:1rem}.order-detail-container-inline .order-detail-footer{border-radius:0;padding:1rem;border-top:1px solid #e5e7eb}.pending-order-modal-overlay{position:fixed;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--modal-overlay-padding, 1.5rem);overflow-y:auto}.pending-order-modal{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:var(--modal-border-radius, 12px);box-shadow:var(--modal-shadow);width:100%;max-width:min(1600px,95vw);height:100%;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)) - 2 * var(--modal-overlay-padding, 1.5rem));min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(148,163,184,.25);margin:auto}.pending-order-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#2233aa0d;border-bottom:1px solid rgba(148,163,184,.2)}.pending-order-modal .modal-header h2{margin:0;font-size:1.2rem;font-weight:700;color:#0f172a}.pending-order-modal .close-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#475569;transition:transform .2s ease,color .2s ease}.pending-order-modal .close-btn:hover{transform:scale(1.05);color:#1e293b}.pending-order-modal .modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.pending-order-modal .order-summary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:14px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;border:1px solid rgba(148,163,184,.35)}.pending-order-modal .summary-row{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem}.pending-order-modal .summary-label{color:#475569;font-weight:600}.pending-order-modal .summary-value{color:#0f172a;font-weight:600;text-align:right}.pending-order-modal .time-section{display:flex;flex-direction:column;gap:.9rem}.pending-order-modal .time-section h3{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a}.pending-order-modal .time-options{display:flex;flex-wrap:wrap;gap:.5rem}.pending-order-modal .time-btn{padding:.55rem .9rem;border-radius:12px;border:1px solid rgba(148,163,184,.5);background:#fff;color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease}.pending-order-modal .time-btn:hover{border-color:#23a;color:#23a;box-shadow:0 6px 16px #2233aa26}.pending-order-modal .time-btn.active{background:linear-gradient(135deg,#23a,#1a2485);color:#fff;border-color:#162168;box-shadow:0 10px 20px #2233aa59}.pending-order-modal .custom-time{display:flex;align-items:center;gap:.35rem;padding-left:.25rem}.pending-order-modal .custom-time .custom-input{width:70px;padding:.55rem .75rem;border-radius:12px;border:1px solid rgba(148,163,184,.5);background:#fff;box-shadow:inset 0 1px 2px #0f172a0d;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;text-align:center}.pending-order-modal .custom-time .custom-input:focus{outline:none;border-color:#23a;box-shadow:0 0 0 3px #2233aa26}.pending-order-modal .custom-time span{font-weight:600;color:#475569}.pending-order-modal .time-hint{margin:0;font-size:.85rem;color:#64748b}.pending-order-modal .time-preview{background:#2233aa14;border:1px solid rgba(34,51,170,.2);border-radius:10px;padding:.75rem;font-size:.9rem;color:#1e293b}.pending-order-modal .modal-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#b91c1c;padding:.75rem 1rem;border-radius:10px;font-size:.9rem}.pending-order-modal .modal-footer{padding:1.25rem 1.5rem;border-top:1px solid rgba(148,163,184,.2);display:flex;justify-content:flex-end;gap:.75rem;background:#f8fafce6}.pending-order-modal .primary-btn,.pending-order-modal .secondary-btn{padding:.65rem 1.35rem;border-radius:999px;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.pending-order-modal .primary-btn{background:linear-gradient(135deg,#23a,#1a2485);color:#fff;box-shadow:0 10px 30px #2233aa59}.pending-order-modal .primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 32px #2233aa73}.pending-order-modal .primary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.pending-order-modal .secondary-btn{background:#94a3b82e;color:#475569}.pending-order-modal .secondary-btn:hover{background:#94a3b847}@media (max-width: 768px){.pending-order-modal-overlay{padding:0;align-items:stretch;justify-content:stretch}.pending-order-modal{width:100%;height:100%;max-width:100vw;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)));border-radius:0;margin:0}}@media (max-width: 520px){.pending-order-modal{padding:0}.pending-order-modal .modal-body{padding:1.25rem}.pending-order-modal .modal-footer{flex-direction:column}.pending-order-modal .primary-btn,.pending-order-modal .secondary-btn{width:100%}}.orders-list-page{position:relative;box-sizing:border-box;margin:0;padding:1rem;padding-top:calc(1rem + var(--nav-height, 6.5rem));min-height:calc(100vh - var(--nav-height, 6.5rem));background:var(--color-gray-50, #f9fafb)}.orders-list-page *{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.main-content{display:flex;gap:1rem;min-height:calc(100vh - 200px)}.sidebar{width:280px;flex-shrink:0;background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;height:-moz-fit-content;height:fit-content;position:sticky;top:calc(var(--nav-height, 6.5rem) + 1rem)}.filters{display:flex;flex-direction:column;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;color:#333;font-size:.875rem}.filter-group select,.filter-group input{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem;align-content:start}.order-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .2s;border-left:4px solid}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.order-card[data-status=pending]{border-left-color:#ff9800}.order-card[data-status=in_progress]{border-left-color:#2196f3}.order-card[data-status=ready]{border-left-color:#4caf50}.order-card[data-status=delivered]{border-left-color:#9e9e9e}.order-card[data-status=cancelled]{border-left-color:#f44336}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #eee}.order-number{font-weight:600;font-size:1.125rem;color:#333}.order-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.order-status.pending{background:#fff3e0;color:#e65100}.order-status.in_progress{background:#e3f2fd;color:#0d47a1}.order-status.ready{background:#e8f5e9;color:#1b5e20}.order-status.delivered{background:#f5f5f5;color:#424242}.order-status.cancelled{background:#ffebee;color:#b71c1c}.order-details{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:#666}.order-info{display:flex;align-items:center;gap:.5rem}.order-info .icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.order-items{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #eee}.order-item{font-size:.875rem;color:#666;margin-bottom:.25rem}.order-item:last-child{margin-bottom:0}.order-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.order-total{font-weight:600;font-size:1.125rem;color:#333}.order-time{font-size:.75rem;color:#999}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.page-title{margin:0;font-size:1.5rem;font-weight:600;color:#333}.new-order-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.new-order-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.btn-icon{font-size:1rem}.filters-section{background:#fff;border-radius:var(--radius-lg, 12px);padding:.75rem 1rem;margin-bottom:.75rem;box-shadow:0 1px 2px #0f172a0a;border:1px solid var(--color-gray-200, #e5e7eb);display:grid;gap:.5rem}.search-filter{margin-bottom:.25rem}.search-container{width:100%}.search-input-group{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap}.search-input{flex:1;min-width:180px;padding:.5rem .75rem;border:1px solid var(--color-gray-300, #d1d5db);border-radius:var(--radius-md, 8px);font-size:.85rem;background:#fff;transition:all var(--transition-base, .2s)}.search-input:focus{outline:none;border-color:var(--color-primary, #2233AA);background:#fff;box-shadow:0 0 0 3px #2233aa1a}.search-by-selector{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.search-by-label{font-size:.75rem;font-weight:500;color:#64748b}.search-by-select{padding:.4rem .45rem;border:1px solid #ddd;border-radius:6px;font-size:.75rem;background:#fff;cursor:pointer;transition:border-color .2s ease}.search-by-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-buttons{display:flex;gap:.35rem;align-items:center;flex-shrink:0;min-width:0;overflow-x:auto;scrollbar-width:thin}.search-sort-buttons{padding-bottom:0}.search-btn{padding:.4rem .65rem;background:var(--color-primary, #2233AA);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-base, .2s);white-space:nowrap}.search-btn:hover:not(:disabled){background:var(--color-primary-dark, #1a2a8a);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.search-btn:disabled{background:var(--color-gray-400, #9ca3af);cursor:not-allowed;opacity:.6}.clear-search-btn{padding:.4rem .65rem;background:var(--color-danger, #ef4444);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-base, .2s);white-space:nowrap}.clear-search-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-row{display:flex;flex-wrap:nowrap;gap:.5rem;align-items:center;min-width:0}.filter-group{display:flex;flex-direction:row;align-items:center;gap:.5rem;min-width:0;width:100%}.filter-label{font-weight:600;color:#475569;font-size:.75rem;margin-bottom:0;flex-shrink:0}.filter-buttons,.sort-buttons{display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}.sort-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#374151;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sort-btn:hover{background:#f9fafb;border-color:#9ca3af}.sort-btn.active{background:var(--color-primary, #2233AA);color:#fff;border-color:var(--color-primary, #2233AA)}.sort-btn.active:hover{background:var(--color-primary-dark, #1a2a8a);border-color:var(--color-primary-dark, #1a2a8a)}.orders-list-page .nav-filter-btn{display:flex;align-items:center;gap:.375rem;padding:.35rem .6rem;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-md, 8px);background:#fff;color:var(--color-gray-600, #4b5563);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s);white-space:nowrap;flex-shrink:0}.orders-list-page .nav-filter-btn:hover{background:var(--color-gray-50, #f9fafb);border-color:var(--color-primary, #2233AA);color:var(--color-primary, #2233AA)}.orders-list-page .nav-filter-btn.active{background:var(--color-primary, #2233AA);border-color:var(--color-primary, #2233AA);color:#fff}.filter-label-text{flex:1}.orders-list-page .filter-count{background:var(--color-primary-bg, rgba(34, 51, 170, .08));color:var(--color-primary, #2233AA);border-radius:var(--radius-full, 9999px);padding:.15rem .5rem;font-size:.75rem;font-weight:700;min-width:1.25rem;text-align:center;margin-left:.25rem}.orders-list-page .nav-filter-btn.active .filter-count{background:#ffffff38;color:#fff}.reservation-action-row{margin-top:0}.filters-reset-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #6b728033}.filters-reset-btn:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 8px #6b72804d}.new-order-btn.reservation-btn{background:#7c3aed;box-shadow:0 2px 4px #7c3aed40;padding:.45rem .7rem;font-size:.75rem}.date-filter{display:flex;align-items:center;gap:.5rem}.date-input{padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background:#fff;color:#333;min-width:150px}.date-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.date-today-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:1px solid #28a745;border-radius:6px;background:#28a745;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.date-today-btn:hover{background:#218838;border-color:#1e7e34;transform:translateY(-1px);box-shadow:0 2px 4px #28a7454d}.sort-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.875rem 1.25rem;background:#fff;border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200, #e5e7eb)}.sort-label{font-weight:600;color:#333;font-size:.875rem}.sort-btn{padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;font-size:.875rem;cursor:pointer;transition:all .2s}.sort-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.sort-btn.active{background:#007bff;border-color:#007bff;color:#fff}.orders-container{flex:1;background:#fff;border-radius:var(--radius-lg, 12px);padding:1rem;box-shadow:0 1px 2px #0f172a0a;border:1px solid var(--color-gray-200, #e5e7eb);min-height:400px}.orders-container.with-details{margin-right:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#666}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:#333;font-size:1.25rem}.empty-state p{margin:0;font-size:.875rem;line-height:1.5}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;padding:.875rem 1.25rem;background:#fff;border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200, #e5e7eb)}.pagination-info{font-size:.875rem;color:var(--color-gray-500, #6b7280)}.pagination-controls{display:flex;align-items:center;gap:.75rem}.pagination-btn{padding:.5rem 1rem;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-md, 8px);background:#fff;color:var(--color-gray-600, #4b5563);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s)}.pagination-btn:hover:not(:disabled){background:var(--color-primary-bg, rgba(34, 51, 170, .06));border-color:var(--color-primary, #2233AA);color:var(--color-primary, #2233AA)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:.875rem;color:var(--color-gray-700, #374151);font-weight:600}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-skeleton{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:1200px}.order-skeleton{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skeleton-order-number{width:120px;height:20px;background:#e2e8f0;border-radius:4px}.skeleton-status{width:80px;height:20px;background:#e2e8f0;border-radius:4px}.skeleton-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skeleton-customer{width:200px;height:16px;background:#e2e8f0;border-radius:4px}.skeleton-total{width:80px;height:16px;background:#e2e8f0;border-radius:4px}.skeleton-actions{display:flex;gap:.5rem;justify-content:flex-end}.skeleton-button{width:80px;height:32px;background:#e2e8f0;border-radius:4px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.error-icon{font-size:3rem;margin-bottom:1rem}.error-container h3{margin:0 0 .5rem;color:#333;font-size:1.25rem}.error-container p{margin:0;font-size:.875rem;color:#666;line-height:1.5}@media (max-width: 1024px){.main-content{flex-direction:column}.sidebar{width:100%;position:static}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.filter-row{flex-direction:row;align-items:center;flex-wrap:nowrap}.filter-group{min-width:auto;flex-direction:row;align-items:center;flex-wrap:nowrap}.search-input-group{flex-wrap:wrap}.filter-buttons,.sort-buttons{flex-wrap:nowrap;overflow-x:auto}.sort-controls{flex-wrap:wrap;gap:.5rem}.pagination{flex-direction:column;gap:1rem;text-align:center}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.new-order-btn{justify-content:center}}@media (max-width: 640px){.orders-list-page{padding:.5rem;padding-top:calc(.5rem + var(--nav-height, 6.5rem));overflow-x:clip;max-width:100vw}.orders-grid{grid-template-columns:1fr}.filters-section{padding:.6rem;gap:.6rem;min-width:0;max-width:100%}.search-input-group{flex-wrap:wrap;align-items:stretch;min-width:0;width:100%}.search-input{min-width:0;width:100%;flex:1 1 100%}.search-by-selector{width:100%;justify-content:space-between}.search-by-select{min-width:0;width:55%}.search-buttons,.search-sort-buttons,.filter-buttons,.sort-buttons{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.filter-row{flex-wrap:wrap;align-items:stretch}.filter-group{flex-wrap:wrap;width:100%}}.order-edit-modal-overlay{position:fixed;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--modal-overlay-padding, 1.5rem);overflow-y:auto}.order-edit-modal{background:#fff;border-radius:var(--modal-border-radius, 12px);box-shadow:var(--modal-shadow);width:100%;max-width:min(1600px,95vw);height:100%;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)) - 2 * var(--modal-overlay-padding, 1.5rem));min-height:0;overflow-y:auto;position:relative;display:flex;flex-direction:column;margin:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.modal-body{padding:0 24px 24px}.order-info{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:24px}.order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.order-number{font-size:18px;font-weight:600;color:#111827}.order-type-badge{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.customer-info p{margin:4px 0;color:#374151;font-size:14px}.status-section,.payment-section{margin-bottom:24px}.status-section h3,.payment-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.status-buttons,.payment-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.status-btn,.payment-btn{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.status-btn:hover,.payment-btn:hover{border-color:#d1d5db;background:#f3f4f6}.status-btn.selected,.payment-btn.selected{border-color:#23a;background:#dbeafe;color:#1e40af}.status-icon,.payment-icon{font-size:20px;margin-bottom:4px}.status-label,.payment-label{font-size:12px;text-align:center}.modal-footer{padding:16px 24px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.confirm-btn{background:#23a;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.confirm-btn:hover:not(:disabled){background:#1a2a8a;transform:translateY(-1px)}.confirm-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width: 768px){.order-edit-modal-overlay{padding:0;align-items:stretch;justify-content:stretch}.order-edit-modal{width:100%;height:100%;max-width:100vw;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)));border-radius:0;margin:0}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.status-buttons,.payment-buttons{grid-template-columns:repeat(2,1fr)}.order-header{flex-direction:column;align-items:flex-start;gap:8px}}.room-layout-view{height:100%;display:flex;flex-direction:column;padding:1rem 1rem 1.15rem;gap:.9rem;background:linear-gradient(180deg,#fff,#f8fafc)}.room-layout-view__rooms{display:flex;flex-wrap:wrap;gap:.6rem}.room-layout-view__room-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.6rem .9rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;text-align:left;box-shadow:0 2px 10px #0f172a0f;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.room-layout-view__room-card:hover{border-color:#94a3b8;box-shadow:0 4px 14px #0f172a1a}.room-layout-view__room-card--active{border-color:#0ea5e9;background:#0ea5e914;box-shadow:0 2px 12px #0ea5e933}.room-layout-view__room-card-name{font-size:.95rem;font-weight:700;color:#0f172a}.room-layout-view__room-card-count{font-size:.78rem;color:#64748b;font-weight:500}.room-layout-view__header{display:flex;justify-content:space-between;align-items:center;background:#ffffffd9;border:1px solid #e2e8f0;border-radius:12px;padding:.65rem .8rem;box-shadow:0 2px 10px #0f172a0f}.room-layout-view__title{display:flex;flex-direction:column;gap:.15rem}.room-layout-view__header h3{margin:0;font-size:1rem;color:#0f172a}.room-layout-view__title span{font-size:.78rem;color:#64748b;font-weight:500}.room-layout-view__legend{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.room-layout-view__legend-item{font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:.25rem .48rem;border-radius:999px;border:1px solid transparent}.room-layout-view__legend-item--free{color:#0f766e;background:#ccfbf1d9;border-color:#0f766e38}.room-layout-view__legend-item--occupied{color:#b91c1c;background:#fee2e2d9;border-color:#b91c1c33}.room-layout-view__legend-item--reservation{color:#6d28d9;background:#ede9fee6;border-color:#6d28d940}.room-layout-view__legend-item--mixed{color:#0f172a;background:#e2e8f0e6;border-color:#64748b47}.room-layout-view__canvas{position:relative;flex:1;border:1px solid #cfd8e3;border-radius:16px;overflow:hidden;min-height:300px;box-shadow:inset 0 1px #fffc,0 8px 24px #0f172a14}.room-layout-view__canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(148,163,184,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(148,163,184,.1) 1px,transparent 1px),linear-gradient(135deg,#ffffff47,#fff0);background-size:28px 28px,28px 28px,100% 100%;pointer-events:none}.room-layout-view__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;color:#64748b;gap:.35rem}.room-layout-view__empty p{margin:0;font-weight:600;color:#334155}.room-layout-view__empty small{font-size:.85rem}.room-layout-view__table{position:absolute;transform:translate(-50%,-50%);border:1px solid #94a3b8;background:#fffffff5;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;text-align:center;padding:.22rem .3rem;min-width:56px;min-height:44px;box-shadow:0 2px 7px #0f172a1c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.room-layout-view__table:hover{transform:translate(-50%,-50%) scale(1.02);box-shadow:0 6px 16px #0f172a29}.room-layout-view__table.round{border-radius:999px}.room-layout-view__table.occupied{border-color:#dc2626;background:#fee2e2eb}.room-layout-view__table.reservation{border-color:#7c3aed;background:#ede9fef2}.room-layout-view__table.mixed{border-color:#334155;background:linear-gradient(135deg,#ede9fef2,#fee2e2eb)}.room-layout-view__table.free{border-color:#0f766e;background:#ccfbf1eb}.room-layout-view__table.selected{outline:3px solid #2233aa;outline-offset:2px;box-shadow:0 0 0 2px #23a3,0 8px 20px #0f172a33}.room-layout-view__table.table-filter-selected{outline:3px solid #0ea5e9;outline-offset:3px;box-shadow:0 0 0 2px #0ea5e940,0 10px 22px #0f172a38}.room-layout-view__table-status{font-size:.54rem;font-weight:800;letter-spacing:.05em;margin-bottom:.04rem;color:#334155}.room-layout-view__table.occupied .room-layout-view__table-status{color:#b91c1c}.room-layout-view__table.free .room-layout-view__table-status{color:#0f766e}.room-layout-view__table.reservation .room-layout-view__table-status{color:#6d28d9}.room-layout-view__table.mixed .room-layout-view__table-status{color:#1e293b}.room-layout-view__table-name{font-size:.72rem;font-weight:700;line-height:1.1;color:#0f172a}.room-layout-view__table-meta{font-size:.65rem;color:#475569}.room-layout-view__table-orders{margin-top:.15rem;display:flex;gap:.2rem;flex-wrap:wrap;justify-content:center}.room-layout-view__table-orders span{font-size:.6rem;background:#0f172a17;border-radius:8px;padding:.08rem .3rem;color:#0f172a;font-weight:600}.room-layout-view__table-orders span.reservation-order{background:#ede9fef2;color:#5b21b6;border:1px solid rgba(139,92,246,.35)}.room-layout-view__table-orders span.active-order{background:#fee2e2f2;color:#991b1b;border:1px solid rgba(239,68,68,.28)}.room-layout-view__table-info{margin-top:.18rem;display:flex;flex-direction:column;gap:0}.room-layout-view__table-info span{font-size:.55rem;color:#1e293b;font-weight:600;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.room-layout-view__table-info.reservation-info span{color:#4c1d95}.room-layout-view__table-info.mixed-info span{color:#1e293b}@media (max-width: 768px){.room-layout-view{padding:.75rem}.room-layout-view__header{align-items:flex-start;gap:.45rem;flex-direction:column}.room-layout-view__legend{justify-content:flex-start}}.orders-map-layout{display:flex;height:calc(100vh - var(--nav-height, 6.5rem));background:#fafafa;overflow:hidden;position:fixed;top:var(--nav-height, 6.5rem);left:0;right:0;bottom:0;width:100vw;max-width:100vw;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.order-row{transition:all .2s ease-in-out}.order-row:hover{transform:translate(2px);box-shadow:0 2px 8px #0000001a}.order-row.selected{transform:translate(4px);box-shadow:0 4px 12px #00000026}.status-badge{transition:all .2s ease-in-out}.status-badge:hover{transform:scale(1.05)}.action-btn{transition:all .2s ease-in-out}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.orders-panel{width:483px;min-width:368px;max-width:483px;background:#fff;border-right:1px solid #e5e7eb;color:#1f2937;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #00000014;height:100%;flex-shrink:0;box-sizing:border-box}.panel-header{display:flex;justify-content:center;align-items:center;padding:1rem 1.25rem;background:var(--color-primary, #2233AA);border-bottom:1px solid var(--color-gray-200, #e5e7eb);box-shadow:var(--shadow-md);flex-shrink:0}.new-order-btn{background:#23a;color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;min-width:150px;box-shadow:0 2px 4px #23a3;margin-top:.9rem}.new-order-btn:hover{background:#1a2a8a;transform:translateY(-1px);box-shadow:0 4px 8px #2233aa4d}.new-order-btn.reservation-btn{background:#7c3aed;box-shadow:0 2px 4px #7c3aed40}.new-order-btn.reservation-btn:hover{background:#6d28d9;box-shadow:0 4px 8px #7c3aed59}.header-top{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.header-top-actions{display:flex;align-items:center;gap:.5rem}.bulk-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;flex-direction:row;align-items:center}.bulk-btn{padding:.5rem .75rem;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;white-space:nowrap}.bulk-btn.assign-driver{background:#f59e0b;color:#fff}.bulk-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.order-checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary, #2233AA);margin-top:.375rem;flex-shrink:0;border-radius:3px}.order-row.checkbox-selected{background-color:#f0f9ff;border-left:3px solid #2233AA}.order-row.checkbox-selected:hover{background-color:#e0f2fe}.bulk-assign-info{padding:1rem}.bulk-header{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem;text-align:center}.selected-orders-list{max-height:200px;overflow-y:auto;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem}.selected-order-item{padding:.5rem;border-bottom:1px solid #f3f4f6;font-size:.9rem}.selected-order-item:last-child{border-bottom:none}.selected-order-item strong{color:#23a}.delivery-address{font-size:.8rem;color:#6b7280;margin-top:.25rem}.bulk-driver-selector{border-top:1px solid #e5e7eb;padding-top:1rem}.type-filters{display:flex;padding:1.25rem 1.5rem;gap:.75rem;border-bottom:1px solid #f3f4f6;background:#fff;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:90px;justify-content:center}.filter-btn:hover{border-color:#23a;color:#23a;background:#f0f9ff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f61a}.filter-btn.active{background:#23a;border-color:#23a;color:#fff;box-shadow:0 4px 12px #3b82f633}.filter-icon{font-size:1rem}.orders-list{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.orders-header{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1rem;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #f3f4f6;font-weight:600;color:#374151;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.orders-content{flex:1;overflow-y:auto;padding:.75rem 0;min-height:0;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.orders-content::-webkit-scrollbar{width:6px}.orders-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.orders-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.orders-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.order-row{display:grid;grid-template-columns:auto 1fr 2fr 1fr;gap:.625rem;padding:.875rem 1rem;cursor:pointer;transition:all var(--transition-base, .2s);position:relative;margin:0 .75rem .5rem;border-radius:var(--radius-md, 8px);background:#fff;color:var(--color-gray-800, #1f2937);box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .04));border:1px solid var(--color-gray-200, #e5e7eb);align-items:start}.order-row:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-primary, #2233AA);background:var(--color-primary-bg, rgba(34, 51, 170, .03))}.order-row.selected{background:var(--color-primary-light, #dbeafe);border:2px solid var(--color-primary, #2233AA);box-shadow:var(--shadow-lg)}.order-col{display:flex;flex-direction:column;gap:.25rem}.order-col.id-type{position:relative}.order-id{font-weight:700;color:var(--color-gray-900, #111827);font-size:.9rem;margin-bottom:.125rem;letter-spacing:-.02em}.order-type{color:var(--color-gray-500, #6b7280);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.client-address{display:flex;align-items:center;gap:.375rem;color:#111827;font-size:.9rem;font-weight:600;margin-bottom:.125rem}.location-icon{color:#ef4444;font-size:.9rem}.order-date{color:#6b7280;font-size:.75rem;display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem}.order-items{color:#4b5563;font-size:.9rem;line-height:1.3;margin-top:.25rem;font-weight:500}.order-items-icon{color:#6b7280;margin-right:.25rem}.payment-method-inline{margin-left:.75rem;display:inline-flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.75rem}.driver-with-payment{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap}.total-amount{font-weight:700;color:var(--color-gray-900, #111827);font-size:1rem;margin-bottom:.25rem;letter-spacing:-.02em}.order-actions{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;background:transparent;border:none}.order-actions .action-buttons{display:flex;gap:.375rem;flex-wrap:wrap}.assigned-driver-name{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:#1f2937}.assigned-driver-icon{font-size:.9rem}.assigned-driver-text{line-height:1}.status-btn{padding:.375rem .625rem;border:none;border-radius:var(--radius-sm, 6px);font-size:.675rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:all var(--transition-fast, .15s);align-self:flex-start}.status-btn.new{background:#f59e0b;color:#fff;box-shadow:0 2px 8px #f59e0b4d}.status-btn.new:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.status-btn.paid{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.status-btn.pending{background:#f97316;color:#fff;box-shadow:0 2px 8px #f973164d}.status-btn.reservation{background:#ede9fe;color:#5b21b6;border:1px solid #c4b5fd;box-shadow:none}.action-btn{min-width:2rem;height:2rem;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;padding:.25rem .5rem;transition:all var(--transition-fast, .15s);box-shadow:var(--shadow-sm);white-space:nowrap}.action-btn.reassign{background:#06b6d4;color:#fff}.action-btn.edit{background:#8b5cf6;color:#fff}.action-btn.assign-driver{background:#f59e0b;color:#fff}.action-btn.assign-driver.assigned{background:#10b981;color:#fff}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #00000026}.order-tag{display:inline-block;padding:.15rem .5rem;border-radius:var(--radius-full, 9999px);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-left:.375rem}.order-tag.orange{background:#f97316;color:#fff}.order-tag.blue{background:#23a;color:#fff}.order-tag.green{background:#10b981;color:#fff}.order-type-tag{margin-top:.5rem;display:flex;justify-content:flex-start}.map-panel{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden;height:100%}.map-container{flex:1;position:relative;min-width:0;min-height:300px;overflow:hidden;box-sizing:border-box}.map-container .leaflet-container{height:100%!important;min-height:300px}.loading,.empty-state{padding:3rem 1.5rem;text-align:center;color:#6b7280;font-size:1rem;background:#f9fafb;border-radius:16px;margin:1.5rem}.loading:before{content:"⏳";font-size:2rem;display:block;margin-bottom:1rem}.empty-state:before{content:"📋";font-size:2rem;display:block;margin-bottom:1rem}.refreshing-indicator{text-align:center;padding:.5rem;color:#3b82f6;font-size:.8rem;background:#eff6ff;border-radius:4px;margin:.5rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (max-width: 1200px){.orders-panel{width:437px}}@media (max-width: 768px){.orders-map-layout{flex-direction:column}.orders-panel{width:100%;height:400px}.map-panel{height:500px}.time-badge{position:static;margin-bottom:.75rem;width:2.5rem;height:2.5rem}.order-row{grid-template-columns:1fr;gap:.75rem}}.driver-assignment-modal{position:fixed;top:var(--modal-top, var(--nav-height, 6.5rem));left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;padding:var(--modal-overlay-padding, 1.5rem);overflow-y:auto}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.modal-content{position:relative;background:#fff!important;border-radius:var(--modal-border-radius, 12px);box-shadow:var(--modal-shadow);width:100%;max-width:min(1600px,95vw);height:100%;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)) - 2 * var(--modal-overlay-padding, 1.5rem));min-height:0;overflow:hidden;animation:modalSlideIn .3s ease-out;z-index:10000!important;opacity:1!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.order-info{display:flex;flex-direction:column;gap:1rem}.reservation-modal-content{max-width:560px;height:auto;max-height:none}.reservation-form{display:flex;flex-direction:column;gap:.75rem}.reservation-form label{font-size:.875rem;font-weight:600;color:#1f2937}.reservation-form small{color:#6b7280;font-size:.8rem}.reservation-form input,.reservation-form select{border:1px solid #d1d5db;border-radius:8px;padding:.625rem .75rem;font-size:.9rem}.reservation-form input:focus,.reservation-form select:focus{outline:none;border-color:#23a;box-shadow:0 0 0 2px #2233aa1f}.reservation-submit-btn{margin-top:.5rem;width:100%;justify-content:center}.order-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.order-type-badge{background:#23a;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.customer-info{padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;line-height:1.6}.delivery-address{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.driver-assignment-modal{padding:0;align-items:stretch;justify-content:stretch}.driver-assignment-modal .modal-content{width:100%;height:100%;max-width:100vw;max-height:calc(100vh - var(--modal-top, var(--nav-height, 6.5rem)));border-radius:0;margin:0}}@media (max-width: 1024px){.orders-panel{width:403px;min-width:322px}}@media (max-width: 480px){.orders-panel{width:100%;max-width:100%;height:35%;min-height:250px}.map-container{height:65%;min-height:250px}.panel-header{padding:.8rem 1rem}.new-order-btn{padding:.5rem .8rem;font-size:.8rem;min-width:120px}}.order-summary-page{padding:20px;padding-top:calc(20px + var(--nav-height, 6.5rem));max-width:1400px;margin:0 auto;background-color:#f8f9fa;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.order-summary-page *{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page-header{margin-bottom:30px}.page-header h1{font-size:2rem;color:#2c3e50;margin:0 0 5px;font-weight:600}.subtitle{color:#6c757d;font-size:1rem;margin:0}.filters-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.filters-row{display:flex;gap:20px;align-items:end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;min-width:180px}.filter-group label{font-size:.875rem;font-weight:500;color:#495057;margin-bottom:5px}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.reset-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .15s ease-in-out;height:-moz-fit-content;height:fit-content}.reset-btn:hover{background-color:#5a6268}.reset-icon{font-size:1rem;font-weight:700}.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .15s ease-in-out;height:-moz-fit-content;height:fit-content}.refresh-btn:hover{background-color:#0056b3}.refresh-icon{font-size:1rem;font-weight:700}.tabs-section{background:#fff;border-radius:8px;padding:0;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;display:flex}.tab{flex:1;padding:15px 20px;border:none;background:transparent;font-size:1rem;font-weight:500;color:#6c757d;cursor:pointer;transition:all .15s ease-in-out;border-bottom:3px solid transparent}.tab:first-child{border-top-left-radius:8px}.tab:last-child{border-top-right-radius:8px}.tab.active{color:#007bff;border-bottom-color:#007bff;background-color:#f8f9fa}.tab:hover:not(.active){background-color:#f8f9fa;color:#495057}.summary-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.summary-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:1200px}.summary-table thead{background-color:#f8f9fa}.summary-table th{padding:12px 8px;text-align:center;font-weight:600;color:#495057;border:1px solid #dee2e6;white-space:nowrap}.summary-table th:first-child,.summary-table th:nth-child(2){text-align:left;min-width:150px}.summary-table tbody tr{border-bottom:1px solid #dee2e6}.summary-table tbody tr:hover{background-color:#f8f9fa}.summary-table tbody tr.totals-row{background-color:#e9ecef;font-weight:600}.summary-table tbody tr.totals-row:hover{background-color:#dee2e6}.summary-table td{padding:12px 8px;border:1px solid #dee2e6;vertical-align:top}.employee-name{font-weight:500;color:#2c3e50;text-align:left!important}.role{color:#6c757d;text-align:left!important}.stat-cell{text-align:center;min-width:100px}.stat-value{font-size:.8rem;color:#6c757d;margin-bottom:2px}.stat-amount{font-weight:600;color:#2c3e50;font-size:.875rem}.loading,.error{text-align:center;padding:40px;font-size:1.1rem;color:#6c757d}.error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin:20px 0}@media (max-width: 768px){.order-summary-page{padding:10px}.filters-row{flex-direction:column;gap:15px}.filter-group{min-width:100%}.summary-table-container{font-size:.75rem}.summary-table th,.summary-table td{padding:8px 4px}.stat-cell{min-width:80px}}@media (max-width: 480px){.page-header h1{font-size:1.5rem}.tabs-section{flex-direction:column}.tab{border-radius:0;border-bottom:1px solid #dee2e6}.tab:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.tab:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:none}}.summary-main-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;font-size:.9rem}.summary-main-table th{background:#f8f9fa;font-weight:600;text-align:center;padding:12px 8px;border:1px solid #dee2e6;color:#495057}.summary-main-table .name-col{text-align:left;min-width:150px}.summary-main-table .role-col{min-width:80px}.summary-main-table .completed-header{background:#e3f2fd;color:#1976d2;font-weight:700}.summary-main-table .uncompleted-header{background:#fff3e0;color:#f57c00;font-weight:700}.summary-main-table td{padding:10px 8px;text-align:center;border:1px solid #dee2e6;font-size:.85rem}.summary-main-table .name-col{text-align:left;font-weight:600;background:#f8f9fa}.summary-main-table .manager-email{color:#1976d2;cursor:pointer}.summary-main-table .manager-email:hover{text-decoration:underline}.summary-main-table .total-row{background:#e8f5e8;font-weight:600}.summary-main-table .total-row .name-col{background:#d4edda;color:#155724}@media (max-width: 768px){.summary-main-table{font-size:.8rem}.summary-main-table th,.summary-main-table td{padding:8px 4px}.summary-main-table .name-col{min-width:120px}.summary-main-table .role-col{min-width:60px}}@media (max-width: 480px){.summary-main-table{font-size:.75rem}.summary-main-table th,.summary-main-table td{padding:6px 2px}.summary-main-table .name-col{min-width:100px}.summary-main-table .role-col{min-width:50px}}.users-page{min-height:100vh;background:#f7fafc;padding:0;padding-top:var(--nav-height, 6.5rem)}.page-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:30px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.header-content h1{margin:0 0 8px;font-size:2.5rem;font-weight:700;color:#2d3748}.header-content p{margin:0;color:#718096;font-size:1.1rem}.header-actions{display:flex;gap:16px;align-items:center}.toggle-container{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#4a5568}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.toggle-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#6b7280;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s}.back-btn:hover{background:#4b5563;text-decoration:none;color:#fff}.add-user-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .2s}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.users-container{padding:40px;max-width:1400px;margin:0 auto}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.user-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;transition:all .2s}.user-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.user-card.inactive{opacity:.6;background:#f7fafc}.user-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.user-avatar{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.user-info h3{margin:0 0 4px;font-size:1.3rem;font-weight:600;color:#2d3748}.user-email{margin:0;color:#718096;font-size:.9rem}.user-status{margin-left:auto}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.active{background:#c6f6d5;color:#22543d}.status-badge.inactive{background:#fed7d7;color:#742a2a}.user-details{margin-bottom:20px}.role-badge{display:inline-block;padding:8px 16px;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;margin-bottom:12px}.user-date{margin:0;color:#a0aec0;font-size:.8rem}.user-actions{display:flex;gap:8px;flex-wrap:wrap}.edit-btn,.toggle-btn,.delete-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.edit-btn{background:#4299e1;color:#fff}.edit-btn:hover{background:#3182ce}.toggle-btn.activate{background:#48bb78;color:#fff}.toggle-btn.activate:hover{background:#38a169}.toggle-btn.deactivate{background:#ed8936;color:#fff}.toggle-btn.deactivate:hover{background:#dd6b20}.delete-btn{background:#f56565;color:#fff}.delete-btn:hover{background:#e53e3e}.users-page .modal-overlay,.users-page-modal-overlay{position:fixed;top:var(--nav-height, 6.5rem);left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:10000;padding:1rem;overflow-y:auto}.users-page .modal,.users-page-modal{background:#fff;border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl, 0 20px 40px rgba(0, 0, 0, .3));max-width:560px;width:calc(100% - 2rem);box-sizing:border-box;flex-shrink:0;margin:auto 0}.users-page .modal-header,.users-page-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0}.users-page .modal-header h2,.users-page-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.users-page .close-btn,.users-page-modal .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#a0aec0;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.users-page .close-btn:hover,.users-page-modal .close-btn:hover{background:#f7fafc;color:#4a5568}.users-page .modal-content,.users-page-modal .modal-content{padding:20px 24px}.users-page .modal .form-group,.users-page-modal .form-group{margin-bottom:14px;background:none;padding:0;border-radius:0;box-shadow:none;border:none}.users-page .modal .form-group label,.users-page-modal .form-group label{display:block;margin-bottom:5px;font-weight:500;color:#2d3748;font-size:.85rem}.users-page .modal .form-group label:before,.users-page-modal .form-group label:before{content:none}.users-page .form-input,.users-page .form-select,.users-page-modal .form-input,.users-page-modal .form-select{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9375rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;background:#fff}.users-page .form-input:focus,.users-page .form-select:focus,.users-page-modal .form-input:focus,.users-page-modal .form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.users-page .modal-actions,.users-page-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid #e2e8f0}.users-page .cancel-btn,.users-page-modal .cancel-btn{background:#6b7280;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color .2s;flex:none;width:auto}.users-page .cancel-btn:hover,.users-page-modal .cancel-btn:hover{background:#4b5563}.users-page .submit-btn,.users-page-modal .submit-btn{background:var(--color-primary, #2233AA);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;width:auto}.users-page .submit-btn:hover,.users-page-modal .submit-btn:hover{background:var(--color-primary-dark, #1a2a8a);transform:translateY(-1px);box-shadow:0 4px 12px #2233aa4d}@media (max-width: 768px){.page-header{padding:20px;flex-direction:column;gap:20px;text-align:center}.header-content h1{font-size:2rem}.users-container{padding:20px}.users-grid{grid-template-columns:1fr}.user-card{padding:20px}.user-header{flex-direction:column;text-align:center;gap:12px}.user-status{margin-left:0}.user-actions{justify-content:center}.users-page .modal-overlay,.users-page-modal-overlay{padding:.75rem .5rem .5rem}.users-page .modal,.users-page-modal{width:calc(100% - 1rem);max-width:100%;max-height:calc(100vh - var(--nav-height, 6.5rem) - 2rem);border-radius:var(--radius-md, 8px)}.users-page .modal-header,.users-page .modal-content,.users-page .modal-actions,.users-page-modal .modal-header,.users-page-modal .modal-content,.users-page-modal .modal-actions{padding:16px}}.login-code-section{margin:12px 0;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.login-code-label{margin:0 0 8px;font-size:.9rem;font-weight:600;color:#4a5568}.login-code-display{display:flex;align-items:center;gap:8px}.login-code{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;color:#2d3748;background:#fff;padding:8px 12px;border-radius:6px;border:2px solid #e2e8f0;min-width:60px;text-align:center;letter-spacing:2px}.generate-code-btn{background:#4299e1;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.generate-code-btn:hover{background:#3182ce;transform:scale(1.05)}.generate-code-btn:active{transform:scale(.95)}.edit-code-btn{background:#38a169;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.edit-code-btn:hover{background:#2f855a;transform:scale(1.05)}.edit-code-btn:active{transform:scale(.95)}.users-page .form-hint{display:block;margin-top:4px;font-size:.8rem;color:#718096;font-style:italic}.users-page .modal .user-info{margin:0;padding:8px 12px;background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0;font-weight:500;color:#2d3748}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:transparent}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.delivery-zone-manager{display:flex;height:80vh;background:#fff;position:relative;overflow:hidden}.zone-controls{width:350px;padding:1.5rem;background:#f8fafc;border-right:1px solid #e2e8f0;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;position:absolute;left:0;top:0;bottom:0;z-index:100;margin:0;box-shadow:2px 0 8px #0000001a}.zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.zone-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a202c}.add-zone-btn{background:#23a;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-zone-btn:hover:not(:disabled){background:#1a2a8a;transform:translateY(-1px)}.add-zone-btn:disabled{background:#9ca3af;cursor:not-allowed}.zone-sort{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.zone-sort label{font-size:.9rem;font-weight:500;color:#374151}.zone-sort select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem}.sort-arrows{display:flex;gap:.25rem}.sort-arrows button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.8rem}.sort-arrows button:hover{background:#e5e7eb}.drawing-controls{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:1rem;margin-bottom:1rem}.drawing-controls input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;margin-bottom:.75rem;font-size:.9rem}.drawing-actions{display:flex;gap:.5rem;margin-bottom:.5rem}.drawing-controls p{margin:0;font-size:.8rem;color:#92400e;font-style:italic}.zone-edit-panel{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1rem;margin-bottom:1rem}.zone-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.zone-name-input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;font-weight:600;margin-right:.5rem}.zone-edit-actions{display:flex;gap:.5rem}.zone-status{margin-bottom:1rem}.zone-status label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer}.zone-status input[type=checkbox]{width:16px;height:16px;accent-color:#2233AA}.zone-pricing{display:flex;flex-direction:column;gap:.75rem}.pricing-row{display:flex;align-items:center;gap:.5rem}.pricing-row label{min-width:180px;font-size:.9rem;font-weight:500;color:#374151}.pricing-row input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem}.pricing-row span{font-size:.9rem;color:#6b7280;min-width:20px}.zones-list{display:flex;flex-direction:column;gap:.5rem;flex:1}.zone-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.zone-item:hover{border-color:#23a;box-shadow:0 2px 4px #2233aa1a}.zone-item.selected{border-color:#23a;background:#f0f4ff;box-shadow:0 2px 8px #23a3}.zone-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.zone-info{flex:1;min-width:0}.zone-name{font-size:.9rem;font-weight:500;color:#1a202c;margin-bottom:.25rem}.zone-area{font-size:.8rem;color:#6b7280}.zone-actions{display:flex;gap:.25rem}.delete-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;font-size:.9rem;transition:background-color .2s ease}.delete-btn:hover{background:#fef2f2;color:#dc2626}.zone-map{flex:1;position:relative;margin-left:350px;height:100%;min-height:500px;z-index:1;overflow:hidden}.zone-map .leaflet-container{height:100%!important;width:100%!important;min-height:500px}.custom-square-icon{background-color:#fff;border:1px solid #00BFFF;border-radius:2px;width:10px!important;height:10px!important;box-shadow:0 1px 3px #0000004d}.zone-point-controls{margin:1rem 0;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.add-point-btn{background:#23a;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.add-point-btn:hover:not(:disabled){background:#1a2a8a;transform:translateY(-1px)}.add-point-btn:disabled{background:#9ca3af;cursor:not-allowed}.adding-point-info{margin-top:.5rem;padding:.5rem;background:#dbeafe;border-radius:6px;border:1px solid #93c5fd}.adding-point-info p{margin:0 0 .5rem;color:#1e40af;font-size:.9rem}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #2233AA;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-state p{color:#ef4444;margin-bottom:1rem;font-size:1.1rem}.retry-btn{background:#23a;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.retry-btn:hover{background:#1a2a8a;transform:translateY(-1px)}.save-btn{background:#10b981;color:#fff;border:none;border-radius:4px;padding:.5rem .75rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:#059669;transform:translateY(-1px)}.cancel-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:.5rem .75rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width: 1024px){.delivery-zone-manager{flex-direction:column;height:auto}.zone-controls{position:relative;width:100%;max-height:50vh;left:auto;top:auto;bottom:auto}.zone-map{margin-left:0;height:50vh}}@media (max-width: 768px){.zone-controls{padding:1rem}.zone-header,.zone-edit-header{flex-direction:column;gap:.75rem;align-items:stretch}.zone-name-input{margin-right:0}.pricing-row{flex-direction:column;align-items:stretch;gap:.25rem}.pricing-row label{min-width:auto}}.company-settings-form{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0}.company-settings-form h4{margin:0 0 1.5rem;color:#2d3748;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.company-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-spinner{width:2rem;height:2rem;border:3px solid #f3f3f3;border-top:3px solid #2233AA;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568;font-size:.9rem}.form-group input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:none;border-color:#23a;box-shadow:0 0 0 3px #2233aa1a}.form-group input::-moz-placeholder{color:#a0aec0}.form-group input::placeholder{color:#a0aec0}.address-input-group{display:flex;gap:.5rem;align-items:flex-start}.address-input-group input{flex:1}.geocode-btn{background:#23a;color:#fff;border:none;border-radius:6px;padding:.75rem;cursor:pointer;font-size:1rem;transition:background-color .2s ease;min-width:3rem;display:flex;align-items:center;justify-content:center}.geocode-btn:hover:not(:disabled){background:#1a2a8a}.geocode-btn:disabled{background:#a0aec0;cursor:not-allowed}.coordinates-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.geocoding-error{color:#e53e3e;font-size:.8rem;margin-top:.5rem;padding:.5rem;background:#fed7d7;border-radius:4px;border:1px solid #feb2b2}.form-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.save-btn{background:#23a;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.save-btn:hover:not(:disabled){background:#1a2a8a}.save-btn:disabled{background:#a0aec0;cursor:not-allowed}@media (max-width: 768px){.coordinates-group{grid-template-columns:1fr;gap:.5rem}.address-input-group{flex-direction:column}.geocode-btn{min-width:auto;width:100%}}.room-layout-manager{padding:1.5rem}.room-layout-manager__content{display:grid;grid-template-columns:380px 1fr;gap:1rem}.room-layout-manager__controls{max-height:76vh;overflow-y:auto;padding-right:.35rem}.room-layout-manager__rooms-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem}.room-layout-manager__rooms-header h4{margin:0}.room-layout-manager__add-room-btn{padding:.42rem .7rem;font-size:.78rem;white-space:nowrap}.room-layout-manager__room-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem}.room-layout-manager__room-tab{display:inline-flex;align-items:stretch;border:1px solid #d7e0ee;border-radius:8px;overflow:hidden;background:#fff}.room-layout-manager__room-tab.active{border-color:#23a;box-shadow:0 0 0 1px #2233aa26}.room-layout-manager__room-tab-btn{border:none;background:transparent;color:#1f2937;padding:.45rem .7rem;cursor:pointer;font-size:.82rem;font-weight:600}.room-layout-manager__room-tab.active .room-layout-manager__room-tab-btn{color:#23a}.room-layout-manager__room-tab-remove{border:none;border-left:1px solid #e2e8f0;background:#f8fafc;color:#64748b;width:30px;cursor:pointer}.room-layout-manager__field{display:grid;gap:.4rem;margin-bottom:.9rem}.room-layout-manager__field label{font-size:.85rem;color:#334155;font-weight:600}.room-layout-manager input,.room-layout-manager select{border:1px solid #cbd5e1;border-radius:8px;padding:.55rem .7rem;font-size:.88rem;background:#fff;width:100%}.room-layout-manager__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.8rem}.room-layout-manager__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.room-layout-manager__actions{display:flex;gap:.6rem}.room-layout-manager__table-list{display:grid;gap:.45rem;max-height:180px;overflow-y:auto;margin-bottom:.85rem}.room-layout-manager__table-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #dbe4ef;border-radius:8px;background:#fff;padding:.55rem .7rem;cursor:pointer;color:#1e293b}.room-layout-manager__table-item small{color:#64748b}.room-layout-manager__table-item.active{border-color:#23a;box-shadow:0 0 0 1px #2233aa26}.room-layout-manager__selected-table h5{margin:0 0 .5rem;color:#334155}.room-layout-manager__preview-wrap{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:1rem;display:flex;flex-direction:column;min-height:640px}.room-layout-manager__preview-header h4{margin:0;color:#1f2937}.room-layout-manager__preview-header small{color:#64748b}.room-layout-manager__preview{margin-top:.8rem;border:1px solid #dbe2ea;border-radius:12px;flex:1;min-height:560px;position:relative;overflow:hidden}.room-layout-manager__preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(148,163,184,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(148,163,184,.16) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.room-layout-manager__preview-table{position:absolute;transform:translate(-50%,-50%);border:1px solid #64748b;background:#ffffffed;border-radius:10px;display:grid;place-items:center;color:#0f172a;font-size:.78rem;font-weight:600;min-width:40px;min-height:30px;z-index:1}.room-layout-manager__preview-table.round{border-radius:999px}.room-layout-manager__preview-table.active{border-color:#23a;box-shadow:0 0 0 2px #23a3}@media (max-width: 1200px){.room-layout-manager__content{grid-template-columns:1fr}.room-layout-manager__controls{max-height:none;overflow:visible;padding-right:0}.room-layout-manager__preview-wrap{min-height:420px}.room-layout-manager__preview{min-height:380px}}.settings-page{width:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding-top:var(--nav-height, 6.5rem)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem 2rem 1rem;border-bottom:2px solid #e2e8f0}.settings-title h1{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.settings-title p{color:#718096;margin:0;font-size:1rem}.settings-actions{display:flex;gap:1rem;align-items:center}.back-btn{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1.5rem;text-decoration:none;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.back-btn:hover{background:#edf2f7;color:#2d3748;text-decoration:none}.settings-content{display:grid;grid-template-columns:250px 1fr;gap:0;min-height:600px;padding:0 2rem 2rem}.settings-sidebar{background:#f8fafc;border-radius:12px;padding:1.5rem;height:-moz-fit-content;height:fit-content;border:1px solid #e2e8f0}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.settings-nav-item{background:none;border:none;padding:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;text-align:left;font-size:.9rem;color:#4a5568}.settings-nav-item:hover{background:#e2e8f0;color:#2d3748}.settings-nav-item.active{background:#23a;color:#fff}.settings-nav-item.active:hover{background:#1a2a8a}.nav-icon{font-size:1.2rem}.nav-label{font-weight:500}.settings-main{background:#fff;border-radius:12px;padding:0;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;overflow:hidden}.settings-main .tab-content{padding:0;background:transparent;border-radius:0;box-shadow:none;height:80vh;overflow-y:auto;overflow-x:hidden}.tab-content h3{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.tab-content>p{color:#718096;margin:0 0 2rem;font-size:1rem}.settings-section{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.settings-section h4{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 1rem}.settings-section p{color:#4a5568;margin:0 0 1rem;line-height:1.5}.user-info{background:#fff;padding:1rem;border-radius:6px;border:1px solid #e2e8f0}.user-info p{margin:0 0 .5rem;font-size:.9rem}.user-info p:last-child{margin:0}.settings-error{text-align:center;padding:3rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.settings-error h2{color:#e53e3e;margin:0 0 1rem}.settings-error p{color:#718096;margin:0 0 2rem}.qr-section{display:flex;gap:2rem;align-items:flex-start}.qr-code-container{flex-shrink:0}.qr-code-placeholder{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 12px #0000001a}.qr-generator{margin-bottom:1rem}.qr-label{margin:0;font-weight:600;color:#2d3748;font-size:.9rem}.qr-info{flex:1}.qr-info h5{margin:0 0 1rem;color:#2d3748;font-size:1.1rem}.qr-info ul{list-style:none;padding:0;margin:0 0 1.5rem}.qr-info li{padding:.5rem 0;border-bottom:1px solid #f1f5f9;color:#4a5568}.qr-info li:last-child{border-bottom:none}.qr-info code{background:#f1f5f9;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.85rem;color:#2d3748}.status-active{color:#38a169;font-weight:600}.qr-size-controls{margin:1.5rem 0;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.qr-size-controls label{display:block;margin-bottom:.5rem;font-weight:600;color:#2d3748;font-size:.9rem}.qr-size-slider{width:100%;margin-bottom:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:#e2e8f0;outline:none}.qr-size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#23a;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.qr-size-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#23a;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.qr-size-value{font-weight:600;color:#23a;font-size:.9rem}.qr-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:#23a;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-primary:hover{background:#1a2a8a;transform:translateY(-1px);box-shadow:0 4px 12px #2233aa4d}.btn-secondary{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.settings-section ol{color:#4a5568;line-height:1.6;padding-left:1.5rem}.settings-section ol li{margin-bottom:.5rem}.settings-theme-toggle{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-theme-toggle input{display:none}.settings-theme-slider{position:relative;width:44px;height:24px;border-radius:999px;background:#cbd5e0;transition:all .2s ease}.settings-theme-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #0000004d}.settings-theme-toggle input:checked+.settings-theme-slider{background:#23a}.settings-theme-toggle input:checked+.settings-theme-slider:before{transform:translate(20px)}.settings-theme-label{color:#2d3748;font-weight:600}@media (max-width: 768px){.settings-page{padding:0}.settings-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.settings-content{grid-template-columns:1fr;gap:0;padding:0 1rem 1rem}.settings-sidebar{order:2}.settings-main{order:1;padding:0}.settings-nav{flex-direction:row;overflow-x:auto;gap:.25rem}.settings-nav-item{white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.qr-section{flex-direction:column;gap:1.5rem}.qr-code-placeholder{align-self:center}.qr-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.ingredients-manager{margin-top:1.5rem;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background:#fafafa}.ingredients-header h3{margin:0 0 1rem;color:#333;font-size:1rem;font-weight:600}.ingredient-input-section{margin-bottom:1rem}.ingredient-input-container{display:flex;gap:.5rem;margin-bottom:.75rem}.ingredient-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;transition:border-color .2s ease}.ingredient-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.ingredient-actions{display:flex;gap:.25rem}.ingredient-clear-btn,.ingredient-save-btn{width:36px;height:36px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease}.ingredient-clear-btn:hover{background:#f8f9fa;border-color:#adb5bd}.ingredient-save-btn{background:#28a745;border-color:#28a745;color:#fff}.ingredient-save-btn:hover:not(:disabled){background:#218838;border-color:#1e7e34}.ingredient-save-btn:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed}.add-ingredient-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-ingredient-btn:hover:not(:disabled){background:#0056b3}.add-ingredient-btn:disabled{background:#6c757d;cursor:not-allowed}.add-icon{font-size:1rem;font-weight:700}.ingredients-list{max-height:300px;overflow-y:auto}.no-ingredients{text-align:center;padding:2rem;color:#6c757d;font-style:italic}.ingredient-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:.5rem;padding:.75rem;transition:box-shadow .2s ease}.ingredient-item:hover{box-shadow:0 2px 4px #0000001a}.ingredient-display{display:flex;justify-content:space-between;align-items:center}.ingredient-name{font-size:.9rem;color:#333;font-weight:500}.ingredient-item-actions{display:flex;gap:.25rem}.ingredient-edit-btn,.ingredient-remove-btn{width:28px;height:28px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .2s ease}.ingredient-edit-btn:hover{background:#e9ecef;border-color:#adb5bd}.ingredient-remove-btn:hover:not(:disabled){background:#f8d7da;border-color:#f5c6cb;color:#721c24}.ingredient-remove-btn:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.ingredient-edit-container{display:flex;gap:.5rem;align-items:center}.ingredient-edit-input{flex:1;padding:.5rem;border:1px solid #007bff;border-radius:4px;font-size:.9rem}.ingredient-edit-input:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.ingredient-edit-actions{display:flex;gap:.25rem}.ingredient-save-edit-btn,.ingredient-cancel-edit-btn{width:28px;height:28px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .2s ease}.ingredient-save-edit-btn{background:#28a745;border-color:#28a745;color:#fff}.ingredient-save-edit-btn:hover:not(:disabled){background:#218838;border-color:#1e7e34}.ingredient-save-edit-btn:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed}.ingredient-cancel-edit-btn:hover{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.ingredients-list::-webkit-scrollbar{width:6px}.ingredients-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ingredients-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ingredients-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.menu-management-page{min-height:100vh;background:#f8f9fa;padding:0;margin-top:var(--nav-height, 6.5rem)}.top-nav{background:#1e3a8a;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;align-items:center;gap:10px;font-weight:500}.back-arrow{font-size:1.2rem;cursor:pointer}.nav-center{display:flex;gap:20px}.restaurant-selector,.menu-selector{background:#fff;color:#333;padding:8px 16px;border-radius:6px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.restaurant-selector:hover,.menu-selector:hover{background:#f8f9fa}.dropdown-arrow{color:#666;font-size:.8rem}.breadcrumbs{background:#fff;padding:15px 20px;border-bottom:1px solid #e9ecef;color:#6c757d;font-size:.9rem}.menu-management-layout{display:flex;height:calc(100vh - var(--nav-height, 6.5rem) - 120px)}.sidebar{width:400px;background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;overflow:hidden}.nav-tabs{display:flex;border-bottom:1px solid #e9ecef;background:#f8f9fa}.nav-tab{flex:1;padding:15px 10px;border:none;background:transparent;color:#6c757d;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.nav-tab:hover{background:#e9ecef;color:#495057}.nav-tab.active{background:#007bff;color:#fff;border-bottom-color:#0056b3}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px}.section-header h3{margin:0;font-size:1.2rem;color:#2c3e50}.category-count{background:#007bff;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.categories-section{flex:1;padding:20px 0;overflow-y:auto}.add-category-btn{width:calc(100% - 40px);margin:0 20px 20px;padding:12px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-category-btn:hover{background:#0056b3;transform:translateY(-1px)}.categories-list{display:flex;flex-direction:column;gap:8px;padding:0 20px}.category-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.category-item:hover{background:#f8f9fa;border-color:#e9ecef}.category-item.selected{background:#e3f2fd;border-color:#2196f3}.category-drag{color:#6c757d;font-size:1.2rem;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-info{flex:1}.category-name{font-weight:600;color:#2c3e50;margin-bottom:4px;display:flex;align-items:center;gap:8px}.default-tag{background:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:500}.category-meta{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:.8rem}.item-count{font-weight:600;color:#495057}.special-icon{color:#ffc107;font-size:1rem}.sizes-section{flex:1;padding:20px 0;overflow-y:auto}.sizes-categories{padding:0 20px}.size-category{margin-bottom:30px}.size-category h4{margin:0 0 15px;color:#2c3e50;font-size:1.1rem}.add-size-btn{width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.sizes-list{display:flex;flex-direction:column;gap:8px}.size-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.size-item:hover{background:#f8f9fa;border-color:#e9ecef}.size-item.selected{background:#e3f2fd;border-color:#2196f3}.size-drag{color:#6c757d;font-size:1.2rem;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.size-name{flex:1;font-weight:500;color:#2c3e50}.default-check{color:#28a745;font-weight:700;font-size:1.2rem}.dishes-section{flex:1;padding:20px 0;overflow-y:auto}.dishes-categories{padding:0 20px}.dish-category{margin-bottom:30px}.category-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.back-arrow{color:#6c757d;cursor:pointer;font-size:1.2rem}.dish-count{background:#6c757d;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.dishes-list{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.dish-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.dish-item:hover{background:#f8f9fa;border-color:#e9ecef}.dish-item.selected{background:#e3f2fd;border-color:#2196f3}.dish-drag{color:#6c757d;font-size:1.2rem;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dish-image{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.dish-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dish-info{flex:1;display:flex;flex-direction:column;gap:2px}.dish-name{flex:1;font-weight:500;color:#2c3e50}.add-dish-btn{width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.add-dish-btn:hover{background:#0056b3}.modifiers-section{flex:1;padding:20px 0;overflow-y:auto}.add-modifier-group-btn{width:calc(100% - 40px);margin:0 20px 20px;padding:12px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-modifier-group-btn:hover{background:#0056b3}.modifier-groups-list{display:flex;flex-direction:column;gap:8px;padding:0 20px}.modifier-group-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.modifier-group-item:hover{background:#f8f9fa;border-color:#e9ecef}.modifier-group-item.selected{background:#e3f2fd;border-color:#2196f3}.group-drag{color:#6c757d;font-size:1.2rem;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-name{flex:1;font-weight:500;color:#2c3e50}.add-placeholder{display:flex;align-items:center;gap:8px;padding:12px;border:2px dashed #ced4da;border-radius:6px;color:#6c757d;cursor:pointer;transition:all .3s ease}.add-placeholder:hover{border-color:#007bff;color:#007bff}.add-placeholder span:first-child{font-size:1.2rem;font-weight:700}.halfhalf-section{flex:1;padding:20px 0;overflow-y:auto}.add-halfhalf-config-btn{width:calc(100% - 40px);margin:0 20px 20px;padding:12px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-halfhalf-config-btn:hover{background:#0056b3}.halfhalf-configs-list{display:flex;flex-direction:column;gap:8px;padding:0 20px}.halfhalf-config-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.halfhalf-config-item:hover{background:#f8f9fa;border-color:#e9ecef}.halfhalf-config-item.selected{background:#e3f2fd;border-color:#2196f3}.config-drag{color:#6c757d;font-size:1.2rem;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.config-info{flex:1}.config-name{font-weight:500;color:#2c3e50;margin-bottom:4px}.info-banner{display:flex;align-items:center;gap:8px;padding:12px;background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;margin-bottom:20px;font-size:.9rem;color:#1976d2}.info-icon{font-size:1.1rem}.category-selection,.size-selection,.dishes-selection{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.category-btn,.size-btn,.dish-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-btn:hover,.size-btn:hover,.dish-btn:hover{border-color:#007bff;background:#f8f9fa}.category-btn.selected,.size-btn.selected,.dish-btn.selected{background:#007bff;color:#fff;border-color:#007bff}.select-all-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#f8f9fa;color:#6c757d;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:underline}.select-all-btn:hover{background:#e9ecef;color:#495057}.form-actions{display:flex;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.form-actions .cancel-btn{padding:10px 20px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:.9rem;cursor:pointer;transition:all .2s ease}.form-actions .cancel-btn:hover{background:#f8f9fa}.form-actions .save-btn{padding:10px 20px;border:none;border-radius:6px;background:#28a745;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.form-actions .save-btn:hover{background:#218838}.addons-section{flex:1;padding:20px 0;overflow-y:auto}.add-addon-group-btn{width:calc(100% - 40px);margin:0 20px 20px;padding:12px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-addon-group-btn:hover{background:#0056b3}.addon-groups-list{display:flex;flex-direction:column;gap:8px;padding:0 20px}.addon-group-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.addon-group-item:hover{background:#f8f9fa;border-color:#e9ecef}.addon-group-item.selected{background:#e3f2fd;border-color:#2196f3}.group-name{font-weight:500;color:#2c3e50;margin-bottom:4px}.group-details{font-size:.8rem;color:#6c757d}.edit-panel{flex:1;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 8px #0000001a}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-shadow:0 2px 4px #0000000d}.panel-header h2{margin:0;font-size:1.6rem;color:#1e3a8a;font-weight:700;display:flex;align-items:center;gap:12px}.panel-header h2:before{content:"⚙️";font-size:1.4rem}.panel-actions{display:flex;gap:12px;align-items:center}.save-status{margin-right:10px;font-size:14px;font-weight:500}.status-saving{color:#007bff;animation:pulse 1.5s infinite}.status-saved{color:#28a745}.status-error{color:#dc3545}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.cancel-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.cancel-btn:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.delete-btn{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #dc35454d}.delete-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc354566}.save-btn{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #28a7454d}.save-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a74566}.save-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a}.sub-tabs{display:flex;border-bottom:1px solid #e9ecef;background:#f8f9fa}.sub-tab{padding:12px 20px;border:none;background:transparent;color:#6c757d;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.sub-tab:hover{background:#e9ecef;color:#495057}.sub-tab.active{background:#007bff;color:#fff;border-bottom-color:#0056b3}.sub-tab-content{padding:20px}.edit-form{flex:1;overflow-y:auto;padding:24px;background:#fafbfc}.form-group{margin-bottom:24px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000000d;border:1px solid #e9ecef}.form-group label{display:block;margin-bottom:12px;font-weight:700;color:#1e3a8a;font-size:1rem;display:flex;align-items:center;gap:8px}.form-group label:before{content:"📝";font-size:.9rem}.form-input,.form-select{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fafbfc}.form-input:focus,.form-select:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a;background:#fff}.image-upload-section,.upload-options{display:flex;flex-direction:column;gap:16px}.file-upload-area{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0;overflow:hidden}.file-upload-label{display:flex;align-items:center;gap:12px;padding:16px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .3s ease;text-align:left}.file-upload-label:hover{border-color:#3b82f6;background:#eff6ff}.file-upload-label:active{transform:scale(.98)}.upload-icon{font-size:24px;color:#6b7280}.upload-text{display:flex;flex-direction:column;gap:2px}.upload-text strong{color:#374151;font-size:14px}.upload-text span{color:#6b7280;font-size:12px}.upload-divider{display:flex;align-items:center;text-align:center;color:#6b7280;font-size:14px}.upload-divider:before,.upload-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.upload-divider span{padding:0 16px;background:#f8f9fa}.url-input-area{width:100%}.image-preview{position:relative;display:inline-block;max-width:200px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;border:2px solid #e5e7eb}.image-preview img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.remove-image-btn:active{transform:scale(.95)}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-input{display:none}.toggle-slider{width:50px;height:24px;background:#ced4da;border-radius:12px;position:relative;transition:background .3s ease}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-slider{background:#007bff}.toggle-input:checked+.toggle-slider:before{transform:translate(26px)}.sizes-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.size-item{display:flex;gap:10px;align-items:center}.size-input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.default-size-btn{padding:6px 12px;background:#6c757d;color:#fff;border:1px solid #6c757d;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.default-size-btn.active{background:#28a745;border-color:#28a745}.default-size-btn:hover{background:#5a6268;border-color:#5a6268}.default-size-btn.active:hover{background:#218838;border-color:#218838}.delete-size-btn{padding:6px 8px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.delete-size-btn:hover{background:#c82333}.size-actions{display:flex;gap:4px;align-items:center}.edit-size-btn{padding:4px 6px;background:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s ease}.edit-size-btn:hover{background:#138496}.size-edit-form{display:flex;gap:4px;align-items:center;flex:1}.size-edit-input{flex:1;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none}.size-edit-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.save-size-btn{padding:4px 6px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s ease}.save-size-btn:hover:not(:disabled){background:#218838}.save-size-btn:disabled{background:#6c757d;cursor:not-allowed}.cancel-size-btn{padding:4px 6px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s ease}.cancel-size-btn:hover{background:#5a6268}.add-size-btn{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.add-size-btn:hover{background:#0056b3}.image-upload{display:flex;gap:10px;align-items:center}.file-input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.choose-btn{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.choose-btn:hover{background:#0056b3}.delete-image-btn{padding:8px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.delete-image-btn:hover{background:#c82333}.merge-sizes-btn{padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.merge-sizes-btn:hover{background:#0056b3}.dish-sizes-table{border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.table-header{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef}.header-col{flex:1;padding:12px;font-weight:600;color:#2c3e50;font-size:.9rem}.table-row{display:flex;border-bottom:1px solid #e9ecef}.table-row:last-child{border-bottom:none}.table-col{flex:1;padding:12px;display:flex;align-items:center;gap:8px}.price-input{width:80px;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.currency{color:#6c757d;font-size:.9rem}.ingredients-list{display:flex;flex-direction:column;gap:10px}.ingredient-item{display:flex;align-items:center;gap:10px}.ingredient-drag{color:#6c757d;font-size:1.2rem;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ingredient-input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.delete-ingredient-btn{padding:6px 8px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.delete-ingredient-btn:hover{background:#c82333}.add-ingredient-btn{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-top:10px}.add-ingredient-btn:hover{background:#0056b3}.modifiers-table{border:1px solid #e9ecef;border-radius:6px;overflow:hidden;margin-top:20px}.modifier-drag{color:#6c757d;font-size:1.2rem;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.delete-modifier-btn{padding:6px 8px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.delete-modifier-btn:hover{background:#c82333}.default-modifier-input{position:relative;display:flex;align-items:center}.arrow-icon{position:absolute;right:30px;color:#6c757d;cursor:pointer}.help-icon{position:absolute;right:8px;color:#007bff;cursor:pointer}.add-modifier-btn{padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.add-modifier-btn:hover{background:#0056b3}.add-modifier-plus-btn{position:absolute;bottom:20px;right:20px;width:50px;height:50px;background:#007bff;color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #007bff4d}.add-modifier-plus-btn:hover{background:#0056b3;transform:scale(1.1)}.dishes-checkbox-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-item input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid #ced4da;border-radius:3px;position:relative;transition:all .3s ease}.checkbox-item input[type=checkbox]:checked+.checkmark{background:#007bff;border-color:#007bff}.checkbox-item input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.clone-group-btn{padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin-top:20px}.clone-group-btn:hover{background:#0056b3}.dishes-collapsible{border:1px solid #e9ecef;border-radius:6px;margin-top:10px}.collapsible-header{display:flex;align-items:center;gap:8px;padding:12px;background:#f8f9fa;cursor:pointer;font-weight:500;color:#2c3e50}.expand-icon{color:#6c757d;transition:transform .3s ease}.collapsible-content{padding:12px;border-top:1px solid #e9ecef}@media (max-width: 1200px){.sidebar{width:350px}}@media (max-width: 768px){.menu-management-layout{flex-direction:column}.sidebar{width:100%;height:300px}.edit-panel{height:500px}}.addons-section{padding:20px}.section-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.section-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e3a8a}.category-count{background:#23a;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.add-addon-group-btn{background:#23a;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.add-addon-group-btn:hover{background:#1a2a8a;transform:translateY(-1px)}.addon-groups-list{display:flex;flex-direction:column;gap:8px}.addon-group-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.addon-group-item:hover{border-color:#23a;box-shadow:0 2px 4px #3b82f61a}.addon-group-item.selected{background:#eff6ff;border-color:#23a;box-shadow:0 2px 8px #3b82f626}.group-drag{color:#9ca3af;font-size:1.2rem;cursor:grab}.group-drag:active{cursor:grabbing}.group-info{flex:1}.group-name{font-weight:600;color:#111827;margin-bottom:2px}.group-details{font-size:.8rem;color:#6b7280}.special-icon{color:#f59e0b;font-size:1.1rem}.add-placeholder{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8f9fa;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:.9rem}.add-placeholder:hover{border-color:#23a;color:#23a;background:#eff6ff}.addon-items-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.new-addon-form{background:#f8f9fa;border:2px dashed #007bff;border-radius:8px;padding:20px;margin-top:15px}.new-addon-form .form-group{margin-bottom:15px}.new-addon-form .form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.new-addon-form .form-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.new-addon-form .price-input-group{display:flex;align-items:center;gap:10px}.new-addon-form .price-input-group .form-input{flex:1}.new-addon-form .currency{font-weight:500;color:#666}.new-addon-form .form-actions{display:flex;gap:10px;margin-top:15px}.new-addon-form .save-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:background .3s ease}.new-addon-form .save-btn:hover:not(:disabled){background:#218838}.new-addon-form .save-btn:disabled{background:#6c757d;cursor:not-allowed}.new-addon-form .cancel-btn{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:background .3s ease}.new-addon-form .cancel-btn:hover{background:#c82333}.addon-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #e9ecef;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.addon-item:hover{border-color:#1e3a8a;box-shadow:0 4px 8px #1e3a8a1a;transform:translateY(-1px)}.addon-name-input,.addon-price-input{padding:10px 14px;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fafbfc}.addon-name-input{flex:1}.addon-price-input{width:120px}.addon-name-input:focus,.addon-price-input:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a;background:#fff}.no-addons{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;margin-top:16px}.add-addon-btn{background:#1e3a8a;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin-top:16px;box-shadow:0 2px 4px #1e3a8a4d}.add-addon-btn:hover{background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 8px #1e3a8a66}.addons-table{margin-top:20px;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.addons-header{display:grid;grid-template-columns:40px 1fr 120px 200px 60px;gap:16px;padding:16px;background:#f8f9fa;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;font-size:.9rem}.addon-row{display:grid;grid-template-columns:40px 1fr 120px 200px 60px;gap:16px;padding:16px;border-bottom:1px solid #f3f4f6;align-items:center;transition:background-color .2s ease}.addon-row:hover{background:#f8f9fa}.addon-row:last-child{border-bottom:none}.addon-drag{color:#9ca3af;font-size:1.1rem;cursor:grab;text-align:center}.addon-drag:active{cursor:grabbing}.addon-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .2s ease}.addon-input:focus{outline:none;border-color:#23a;box-shadow:0 0 0 3px #3b82f61a}.addon-price{display:flex;align-items:center;gap:8px}.addon-price .currency{color:#6b7280;font-size:.9rem;font-weight:500}.addon-availability{display:flex;justify-content:center}.delete-addon-btn{background:none;border:none;color:#ef4444;font-size:1.1rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.delete-addon-btn:hover{background:#fef2f2;transform:scale(1.1)}.save-addon-btn{background:none;border:none;color:#10b981;font-size:1.1rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;margin-right:4px}.save-addon-btn:hover{background:#f0fdf4;transform:scale(1.1)}.save-addon-btn:disabled{color:#9ca3af;cursor:not-allowed}.add-modifier-btn{background:#23a;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;margin-bottom:20px}.add-modifier-btn:hover{background:#1a2a8a;transform:translateY(-1px)}@media (max-width: 768px){.addons-header,.addon-row{grid-template-columns:30px 1fr 100px 150px 50px;gap:8px;padding:12px}.addon-input{font-size:.8rem;padding:6px 8px}}.addon-assignment{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.assigned-addons,.available-addons{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.assigned-addons h4,.available-addons h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#495057}.assigned-list,.available-list{display:flex;flex-direction:column;gap:.5rem}.assigned-item,.available-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem}.assigned-item{background:#e8f5e8;border-color:#c3e6c3}.remove-btn,.assign-btn{width:24px;height:24px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.remove-btn{background:#dc3545;color:#fff}.remove-btn:hover{background:#c82333}.assign-btn{background:#28a745;color:#fff}.assign-btn:hover{background:#218838}.remove-btn:disabled,.assign-btn:disabled{opacity:.6;cursor:not-allowed}.no-addons{color:#6c757d;font-style:italic;margin:0;padding:1rem;text-align:center}@media (max-width: 768px){.addon-assignment{gap:1rem}.assigned-addons,.available-addons{padding:.75rem}.assigned-item,.available-item{padding:.5rem;font-size:.85rem}}.help-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1rem}.help-section h4{margin:0 0 .75rem;color:#1e293b;font-size:.875rem;font-weight:600}.help-steps{display:flex;flex-direction:column;gap:.5rem}.help-step{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#64748b}.step-number{background:#23a;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.step-text{line-height:1.4}.categories-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.category-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.category-item:hover{background:#e9ecef;border-color:#dee2e6}.category-header{display:flex;align-items:center;gap:8px}.category-icon{font-size:1rem}.category-name{font-weight:500;color:#495057}.no-assignments,.no-categories{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;text-align:center;color:#6c757d}.no-assignments-icon,.no-categories-icon{font-size:1.5rem;margin-bottom:4px}.help-text{font-size:.875rem;color:#868e96;font-style:italic}.halfhalf-configs-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.halfhalf-config-item{display:flex;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;gap:12px}.halfhalf-config-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.halfhalf-config-item.selected{border-color:#007bff;background:#f8f9ff;box-shadow:0 2px 8px #007bff26}.config-drag{color:#6c757d;font-size:1.2rem;cursor:grab}.config-info{flex:1;display:flex;flex-direction:column;gap:4px}.config-name{font-weight:500;color:#333;font-size:.95rem}.config-details{font-size:.8rem;color:#6c757d}.add-halfhalf-config-btn{background:#28a745;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.add-halfhalf-config-btn:hover{background:#218838;transform:translateY(-1px)}.dishes-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-height:200px;overflow-y:auto}.dish-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.dish-name{font-size:.9rem;color:#333}.delete-dish-btn{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.delete-dish-btn:hover{background:#f8d7da;transform:scale(1.1)}.add-dish-form{display:flex;gap:8px;align-items:center}.dish-input,.dish-select,.size-select{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;transition:border-color .2s ease;background:#fff}.dish-input:focus,.dish-select:focus,.size-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.add-dish-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.add-dish-btn:hover{background:#0056b3;transform:translateY(-1px)}@media (max-width: 768px){.help-steps{gap:.75rem}.help-step{flex-direction:column;align-items:flex-start;gap:.5rem}}.category-buttons,.size-buttons,.dish-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.category-btn,.size-btn,.dish-btn{padding:8px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-btn:hover,.size-btn:hover,.dish-btn:hover{border-color:#3b82f6;background:#f8fafc}.category-btn.selected,.size-btn.selected,.dish-btn.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.category-btn.selected:hover,.size-btn.selected:hover,.dish-btn.selected:hover{background:#2563eb;border-color:#2563eb}.dishes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.select-all-btn{background:none;border:none;color:#3b82f6;font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .2s ease}.select-all-btn:hover{color:#2563eb}.select-all-btn:disabled{color:#9ca3af;cursor:not-allowed}.no-dishes-message{padding:1rem;text-align:center;color:#6b7280;font-style:italic;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;margin-top:8px}.no-dishes-message p{margin:.5rem 0;font-size:.9rem}@media (max-width: 768px){.category-buttons,.size-buttons,.dish-buttons{gap:6px}.category-btn,.size-btn,.dish-btn{padding:6px 12px;font-size:.85rem}.dishes-header{flex-direction:column;align-items:flex-start;gap:8px}}.add-category-btn,.add-dish-btn,.add-addon-group-btn,.add-modifier-group-btn,.add-halfhalf-config-btn{background:#23a;border-radius:8px;color:#fff;font-weight:600}.add-category-btn:hover,.add-dish-btn:hover,.add-addon-group-btn:hover,.add-modifier-group-btn:hover,.add-halfhalf-config-btn:hover{background:#1a2a8a}.category-item,.dish-item,.addon-group-item,.modifier-group-item,.halfhalf-config-item{border:1px solid #e2e8f0;border-radius:10px;background:#fff}.category-item:hover,.dish-item:hover,.addon-group-item:hover,.modifier-group-item:hover,.halfhalf-config-item:hover{border-color:#23a;box-shadow:0 2px 8px #2233aa14}.category-item.selected,.dish-item.selected,.addon-group-item.selected,.modifier-group-item.selected,.halfhalf-config-item.selected{border-color:#23a;background:#eef2ff}.reorder-controls{display:flex;flex-direction:column;gap:4px;margin-left:8px}.reorder-btn{width:24px;height:24px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;font-size:12px;line-height:1;cursor:pointer;transition:all .2s ease}.reorder-btn:hover:not(:disabled){border-color:#23a;color:#23a;background:#eef2ff}.reorder-btn:disabled{opacity:.45;cursor:not-allowed}.public-menu-page{height:100vh;width:100vw;background:linear-gradient(135deg,#667eea,#764ba2);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;position:fixed;top:0;left:0;overflow-y:auto}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.restaurant-info h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.restaurant-info p{color:#ffffffe6;font-size:1.1rem;margin:0}.cart-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cart-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.menu-content{max-width:1200px;margin:0 auto;padding:2rem;display:flex;gap:2rem}.category-nav{display:flex;flex-direction:column;gap:.75rem;width:200px;flex-shrink:0}.category-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem 1.25rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.category-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.category-btn.active{background:#ffffffe6;color:#667eea;border-color:#fff;font-weight:600}.menu-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;flex:1}.menu-item{background:#fffffff2;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:relative}.menu-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.item-info{flex:1}.item-info h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.item-description{color:#718096;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.item-price{color:#667eea;font-size:1.2rem;font-weight:700}.price-with-sizes{display:flex;flex-direction:column;gap:.25rem}.price-range{color:#667eea;font-size:1.2rem;font-weight:700}.sizes-preview{display:flex;flex-wrap:wrap;gap:.25rem;font-size:.8rem;color:#6b7280;font-weight:500}.size-preview{background:#667eea1a;padding:.125rem .5rem;border-radius:12px;border:1px solid rgba(102,126,234,.2)}.add-to-cart-btn{background:#667eea;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0}.add-to-cart-btn:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.item-image{position:absolute;top:1rem;right:1rem;width:80px;height:80px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;z-index:1}.item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.item-image:hover img{transform:scale(1.05)}.menu-item:has(.item-image) .item-info{padding-right:100px}@media (max-width: 768px){.menu-content{flex-direction:column;gap:1rem}.category-nav{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.category-btn{white-space:nowrap;width:auto;min-width:120px}.item-image{width:60px;height:60px;top:.75rem;right:.75rem}.menu-item:has(.item-image) .item-info{padding-right:80px}}.cart-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cart-content{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #0006;border:1px solid rgba(255,255,255,.2)}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff}.cart-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.close-cart{background:#fff3;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-cart:hover{background:#ffffff4d;transform:scale(1.1)}.cart-items{padding:1.5rem}.empty-cart{text-align:center;color:#718096;font-size:1.1rem;padding:2rem}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid #f1f5f9;transition:all .2s ease}.cart-item:hover{background:#f8fafc;margin:0 -1.5rem;padding:1.25rem 1.5rem;border-radius:8px}.cart-item:last-child{border-bottom:none}.item-details h4{margin:0 0 .25rem;color:#2d3748;font-size:1rem}.item-size-inline{color:#667eea;font-weight:500;font-size:.9rem}.config-section h3{color:#2d3748;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.config-section h3:has-text("*"){color:#e53e3e}.item-details .item-price{color:#667eea;font-weight:600;font-size:.9rem}.quantity-controls{display:flex;align-items:center;gap:.75rem}.quantity-controls button{background:#667eea;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #667eea4d}.quantity-controls button:hover{background:#5a67d8;transform:scale(1.1);box-shadow:0 4px 8px #667eea66}.quantity-controls span{font-weight:600;color:#2d3748;min-width:20px;text-align:center}.cart-total{padding:2rem;border-top:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);text-align:center;font-size:1.3rem;color:#2d3748;font-weight:700;border-radius:0 0 20px 20px}.order-form{padding:1.5rem;border-top:1px solid #e2e8f0}.order-form h3{margin:0 0 1rem;color:#2d3748;font-size:1.2rem}.order-type-selection{margin-bottom:1.5rem}.order-type-selection h4{margin:0 0 .75rem;color:#2d3748;font-size:1rem;font-weight:600}.order-type-buttons{display:flex;gap:.75rem}.order-type-btn{flex:1;background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.order-type-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.order-type-btn.active{background:#667eea;color:#fff;border-color:#667eea;font-weight:600;box-shadow:0 2px 8px #667eea4d}.order-form input,.order-form textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;margin-bottom:1rem;transition:border-color .2s ease}.order-form input:focus,.order-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.order-form textarea{resize:vertical;min-height:80px}.payment-selection{margin-bottom:1.5rem}.payment-selection h4{margin:0 0 .75rem;color:#2d3748;font-size:1rem;font-weight:600}.payment-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.payment-btn{flex:1;background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:100px}.payment-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.payment-btn.active{background:#667eea;color:#fff;border-color:#667eea;font-weight:600;box-shadow:0 2px 8px #667eea4d}.submit-order-btn{width:100%;background:#667eea;color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-order-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.submit-order-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.item-config-content{width:98%;max-width:none;margin:1rem;max-height:95vh}.item-config-header{padding:1rem}.item-config-header h2{font-size:1.25rem}.item-config-body{padding:1rem}.sizes-grid{grid-template-columns:1fr;gap:.75rem}.size-button{padding:1rem;font-size:.9rem}.addons-grid,.ingredients-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 480px){.item-config-content{width:100%;margin:.5rem;border-radius:15px;max-height:98vh}.item-config-header,.item-config-body{padding:.75rem}.size-button{padding:.75rem;font-size:.85rem}.addon-item,.ingredient-checkbox-label{padding:.75rem}}@media (max-width: 768px){.menu-header{flex-direction:column;gap:1rem;text-align:center}.restaurant-info h1{font-size:2rem}.menu-content{padding:1rem}.menu-items{grid-template-columns:1fr;gap:1rem}.menu-item{flex-direction:column;align-items:stretch}.add-to-cart-btn{align-self:flex-end}.cart-content{margin:1rem;max-height:calc(100vh - 2rem)}.order-type-buttons{flex-direction:column;gap:.5rem}.order-type-btn{padding:.6rem .8rem;font-size:.85rem}.payment-buttons{flex-direction:column;gap:.5rem}.payment-btn{padding:.6rem .8rem;font-size:.85rem}}.item-config-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.item-config-content{background:#fff;border-radius:20px;width:95%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;margin:2rem}.item-config-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.item-config-header h2{margin:0;font-size:1.5rem;font-weight:700}.close-config{background:#fff3;border:none;color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.close-config:hover{background:#ffffff4d;transform:scale(1.1)}.item-config-body{padding:1.5rem}.config-section{margin-bottom:2rem}.config-section h3{margin:0 0 1rem;color:#2d3748;font-size:1.1rem;font-weight:600}.config-section h4{margin:0 0 .75rem;color:#4a5568;font-size:1rem;font-weight:500}.sizes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.size-button{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;cursor:pointer;transition:all .2s ease;text-align:center}.size-button:hover{border-color:#667eea;background:#f0f4ff}.size-button.selected{border-color:#667eea;background:#667eea;color:#fff}.size-name{font-weight:600;font-size:1rem}.size-price{font-size:.875rem;opacity:.8}.addon-group{margin-bottom:1.5rem}.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.addon-item{border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;background:#f8fafc}.addon-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;width:100%}.addon-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#667eea}.addon-name{font-weight:500;color:#2d3748;flex:1}.addon-price{font-weight:600;color:#059669;font-size:.875rem}.quantity-control{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.quantity-control button{background:#667eea;color:#fff;border:none;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.quantity-control button:hover{background:#5a67d8;transform:scale(1.1)}.quantity-control span{font-weight:600;color:#2d3748;min-width:20px;text-align:center}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.ingredient-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;transition:all .2s ease}.ingredient-checkbox-label:hover{background:#f0f4ff;border-color:#667eea}.ingredient-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#667eea}.ingredient-name{font-weight:500;color:#2d3748}.item-config-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 20px 20px}.cancel-btn{flex:1;padding:.75rem 1.5rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{border-color:#cbd5e0;background:#f7fafc}.add-to-cart-btn{flex:2;padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.item-size{font-size:.875rem;color:#6b7280;margin:.25rem 0}.item-addons{margin:.25rem 0}.addon-item{font-size:.875rem;color:#059669;margin:.125rem 0}.item-ingredients{margin:.25rem 0}.ingredient-item{font-size:.875rem;margin:.125rem 0}.ingredient-item.added{color:#3b82f6}.ingredient-item.removed{color:#ef4444}.public-menu-modal-shell{z-index:1000}.public-menu-modal-content{background:transparent;box-shadow:none;border-radius:0}.public-menu-modal-content .mobile-modal-shell__body{overflow:visible}@media (max-width: 768px){.public-menu-modal-content{max-width:100vw;max-height:var(--modal-max-height-mobile, 100vh)}.item-config-content{width:95%;max-height:90vh}.sizes-grid,.addons-grid,.ingredients-grid{grid-template-columns:1fr}}.health-check{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.health-header{text-align:center;padding:2rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.health-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.health-header p{margin:0;font-size:1.1rem;opacity:.9}.health-main{max-width:800px;margin:0 auto;padding:2rem 1rem}.status-card,.info-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.status-card h2,.info-card h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.status{display:flex;align-items:center;gap:1rem;font-size:1.2rem;font-weight:500}.status-indicator{font-size:1.5rem}.status.success{color:#4ade80}.status.error{color:#f87171}.status.loading{color:#fbbf24}.status-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.status-details p{margin:.5rem 0;font-size:.9rem;opacity:.9}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-card li:last-child{border-bottom:none}.actions{text-align:center}.primary-btn,.refresh-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-btn:hover,.refresh-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.refresh-btn{margin-left:1rem;padding:.5rem 1rem;font-size:.9rem}@media (max-width: 768px){.health-header h1{font-size:2rem}.status-card,.info-card{padding:1.5rem}}.App{min-height:var(--app-height, 100vh);box-sizing:border-box;background:transparent}.App-header{background-color:#282c34;padding:20px;color:#fff;margin-bottom:20px;border-radius:8px}.App-header h1{margin:0 0 10px;font-size:2rem}.App-header nav{margin-top:10px}.App-header nav a{color:#61dafb;text-decoration:none;margin:0 10px;font-size:1.1rem}.App-header nav a:hover{text-decoration:underline}main{min-height:400px;padding:0 10px;background:transparent}@media (max-width: 768px){.App{padding:10px;background:transparent}.App-header{padding:15px}.App-header h1{font-size:1.5rem}.App-header nav a{display:block;margin:5px 0;font-size:1rem}main{padding:0 5px;background:transparent}}@media (max-width: 480px){.App{padding:5px;background:transparent}.App-header{padding:10px}.App-header h1{font-size:1.2rem}}html[data-theme=dark],body[data-theme=dark]{color-scheme:dark}body[data-theme=dark]{background:#0b1220;color:#e5e7eb}body[data-theme=dark] .App,body[data-theme=dark] #root{background:#0b1220}body[data-theme=dark] .navigation{background:linear-gradient(135deg,#111827,#0f172a);border-bottom-color:#334155;box-shadow:0 4px 20px #00000059}body[data-theme=dark] .nav-link{color:#cbd5e1}body[data-theme=dark] .nav-link:hover{color:#f8fafc;background-color:#1e293b}body[data-theme=dark] .nav-user,body[data-theme=dark] .nav-toggle-label{background:#1f2937;border-color:#374151}body[data-theme=dark] .nav-toggle-text{color:#e5e7eb}body[data-theme=dark] .settings-page,body[data-theme=dark] .home-page,body[data-theme=dark] .orders-list-page,body[data-theme=dark] .orders-map-page,body[data-theme=dark] .order-summary-page,body[data-theme=dark] .menu-management-page,body[data-theme=dark] .users-page,body[data-theme=dark] .health-check-page{background:#0b1220;color:#e5e7eb}body[data-theme=dark] .settings-header{border-bottom-color:#334155}body[data-theme=dark] .settings-title h1,body[data-theme=dark] .tab-content h3,body[data-theme=dark] .settings-section h4,body[data-theme=dark] .settings-theme-label{color:#f8fafc}body[data-theme=dark] .settings-title p,body[data-theme=dark] .tab-content>p,body[data-theme=dark] .settings-section p,body[data-theme=dark] .user-info p,body[data-theme=dark] .qr-info li,body[data-theme=dark] .qr-label{color:#cbd5e1}body[data-theme=dark] .settings-main,body[data-theme=dark] .settings-sidebar,body[data-theme=dark] .settings-section,body[data-theme=dark] .user-info,body[data-theme=dark] .settings-error,body[data-theme=dark] .qr-code-placeholder,body[data-theme=dark] .qr-size-controls,body[data-theme=dark] .back-btn,body[data-theme=dark] .btn-secondary,body[data-theme=dark] .company-settings-form{background:#111827;border-color:#334155;color:#e5e7eb}body[data-theme=dark] .settings-nav-item{color:#cbd5e1}body[data-theme=dark] .settings-nav-item:hover{background:#1e293b;color:#f8fafc}body[data-theme=dark] .settings-theme-slider{background:#475569}body[data-theme=dark] .settings-theme-toggle input:checked+.settings-theme-slider{background:#3b82f6}body[data-theme=dark] .filter-row,body[data-theme=dark] .filters-section,body[data-theme=dark] .orders-container,body[data-theme=dark] .empty-state,body[data-theme=dark] .pagination,body[data-theme=dark] .search-filter,body[data-theme=dark] .date-filter{background:#111827;border-color:#334155;color:#e5e7eb}body[data-theme=dark] .order-row-card{background:#111827!important;border-color:#334155!important;color:#e5e7eb}body[data-theme=dark] .order-row-card__items,body[data-theme=dark] .order-row-card__location{background:#0f172a;border-color:#334155}body[data-theme=dark] .order-row-card__number,body[data-theme=dark] .order-row-card__total{color:#f8fafc}body[data-theme=dark] .order-row-card__item-main,body[data-theme=dark] .order-row-card__item-detail,body[data-theme=dark] .order-row-card__item-price,body[data-theme=dark] .order-row-card__total-label,body[data-theme=dark] .order-row-card__time{color:#cbd5e1}body[data-theme=dark] .order-creator-modal,body[data-theme=dark] .order-edit-modal,body[data-theme=dark] .order-status-change-modal,body[data-theme=dark] .payment-modal,body[data-theme=dark] .pending-order-modal,body[data-theme=dark] .modal-content{background:#0f172a;border-color:#334155;color:#e5e7eb}body[data-theme=dark] input,body[data-theme=dark] select,body[data-theme=dark] textarea{background:#0f172a;color:#f8fafc;border-color:#334155}body[data-theme=dark] input::-moz-placeholder,body[data-theme=dark] textarea::-moz-placeholder{color:#94a3b8}body[data-theme=dark] input::placeholder,body[data-theme=dark] textarea::placeholder{color:#94a3b8}body[data-theme=dark] .btn,body[data-theme=dark] button:not(.btn-primary):not(.nav-link):not(.nav-new-order-btn):not(.nav-reservation-btn){border-color:#334155}body[data-theme=dark] code{background:#1e293b;color:#e2e8f0}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2233AA;--color-primary-dark: #1a2a8a;--color-primary-light: #dbeafe;--color-primary-bg: rgba(34, 51, 170, .06);--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--viewport-height-fallback: 100vh;--app-dvh: 100dvh;--app-height: var(--app-dvh);--nav-height: 6.5rem;--modal-top: var(--nav-height);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--modal-max-height: calc(var(--app-height) - var(--nav-height) - 2rem);--modal-max-height-mobile: calc(var(--app-height) - var(--modal-top) - var(--safe-bottom));--modal-overlay-padding: 1.5rem;--modal-border-radius: var(--radius-lg);--modal-shadow: var(--shadow-xl)}@supports not (height: 100dvh){:root{--app-dvh: var(--viewport-height-fallback)}}@media (max-width: 640px){:root{--nav-height: 10rem}}html,body,#root{min-height:100%;width:100%;background:transparent}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#111827}body.modal-open{overflow:hidden;touch-action:none}button.close-btn,button.close-cart,button.close-config{min-width:44px;min-height:44px;touch-action:manipulation}#root{display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.text-center{text-align:center}.text-red-600{color:#dc2626}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-white{color:#fff}.p-4{padding:1rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.border-b{border-bottom:1px solid #e5e7eb}.border-t{border-top:1px solid #e5e7eb}.border{border:1px solid #d1d5db}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.rounded,.rounded-md{border-radius:.5rem}.rounded-full{border-radius:9999px}.bg-blue-600{background-color:#23a}.bg-green-600{background-color:#16a34a}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300,.hover\:bg-gray-300:hover{background-color:#d1d5db}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.disabled\:opacity-50:disabled{opacity:.5}.transition{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.75rem;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background-color:#23a;color:#fff;border-color:#23a}.btn-primary:hover{background-color:#1a2a8a;border-color:#1a2a8a}.btn-secondary{background-color:#6b7280;color:#fff;border-color:#6b7280}.btn-secondary:hover{background-color:#4b5563;border-color:#4b5563}.btn-sm{padding:.5rem .75rem;font-size:.75rem}.input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:.875rem;transition:all .2s ease;background-color:#fff}.input:focus{outline:none;border-color:#23a;box-shadow:0 0 0 3px #2233aa1a}.status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.5rem;color:#fff}.status-open{background-color:#23a}.status-in_progress{background-color:#f59e0b}.status-ready,.status-completed{background-color:#10b981}.status-cancelled{background-color:#ef4444}.type-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.5rem;background-color:#6b7280;color:#fff}.type-delivery{background-color:#10b981}.type-takeaway{background-color:#f59e0b}.type-dine_in{background-color:#8b5cf6}