body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--primary-50:#e0e7ff;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fef2f2;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fffbeb;--bg:#f8fafc;--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-active:#6366f1;--card-bg:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--text:#0f172a;--text-secondary:#475569;--text-light:#64748b;--text-muted:#94a3b8;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 16px 40px #0000001a, 0 2px 8px #0000000a;--font:"Inter", system-ui, -apple-system, sans-serif;--transition:.18s cubic-bezier(.4,0,.2,1)}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#root{min-height:100vh;display:flex}.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-form{background:var(--card-bg);border-radius:var(--radius-xl);flex-direction:column;gap:1rem;width:380px;padding:2.5rem;display:flex;box-shadow:0 25px 50px #00000026}.login-form h1{text-align:center;letter-spacing:-.5px;color:var(--text);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.login-form .login-subtitle{text-align:center;color:var(--text-muted);margin-top:-.5rem;font-size:.9rem}.login-form input{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;font-size:.95rem;font-family:var(--font);color:var(--text);background:var(--bg);transition:var(--transition);padding:.7rem 1rem}.login-form input::placeholder{color:var(--text-muted)}.login-form input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #4f46e51f}.login-form button{border-radius:var(--radius);background:var(--primary);color:#fff;width:100%;font-size:.95rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:var(--transition);border:none;padding:.7rem}.login-form button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.login-form button:active{transform:translateY(0)}.login-form button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.admin-layout{width:100%;min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:240px;color:var(--sidebar-text);border-right:1px solid #ffffff0a;flex-direction:column;flex-shrink:0;display:flex}.sidebar-header{flex-direction:column;gap:.5rem;padding:1.5rem 1.25rem 1.25rem;display:flex}.sidebar-header h2{color:#fff;letter-spacing:-.3px;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:flex}.user-badge{color:#a5b4fc;letter-spacing:.3px;text-transform:uppercase;background:#6366f126;border-radius:6px;align-items:center;width:fit-content;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.sidebar nav{flex-direction:column;flex:1;gap:2px;padding:.5rem .75rem;display:flex}.sidebar a{color:var(--sidebar-text);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.875rem;font-weight:450;text-decoration:none;display:flex}.sidebar a:hover{color:#e2e8f0;background:#ffffff0f}.sidebar a.active{color:#fff;background:#6366f11f;font-weight:550}.nav-icon{width:28px;height:28px;transition:var(--transition);background:#ffffff0f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar a:hover .nav-icon{background:#ffffff1a}.sidebar a.active .nav-icon{color:#a5b4fc;background:#6366f140}.nav-icon svg{width:16px;height:16px}.sidebar-footer{border-top:1px solid #ffffff0f;flex-direction:column;gap:.6rem;padding:1rem 1.25rem;display:flex}.user-info{align-items:center;gap:.6rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.user-details{flex-direction:column;min-width:0;display:flex}.user-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:550;overflow:hidden}.user-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.logout-btn{width:100%;color:var(--sidebar-text);border-radius:var(--radius);cursor:pointer;font-size:.82rem;font-family:var(--font);transition:var(--transition);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-weight:500;display:inline-flex}.logout-btn:hover{color:#e2e8f0;background:#ffffff14}.logout-btn svg{width:14px;height:14px}.main-content{flex:1;max-width:calc(100vw - 240px);padding:2rem 2.5rem;overflow-x:auto}.loading{width:100%;min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;gap:.6rem;font-size:.95rem;display:flex}.sidebar a[target=_blank] svg:last-child{opacity:.4;width:12px;height:12px;margin-left:auto}.crud-page h1{letter-spacing:-.4px;color:var(--text);margin-bottom:0;font-size:1.5rem;font-weight:800}.crud-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.crud-header .item-count{color:var(--text-muted);margin-left:.5rem;font-size:.85rem;font-weight:400}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.82rem;font-weight:550;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;font-size:.9rem;font-family:var(--font);color:var(--text);transition:var(--transition);background:#fff;padding:.6rem .8rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:72px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.form-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;vertical-align:middle;margin-right:.5rem}.form-group select[multiple]{min-height:80px}.form-actions{gap:.75rem;margin-top:1.5rem;display:flex}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font);transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.55rem 1.15rem;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #4f46e540}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:.85rem;font-family:var(--font);color:var(--text-secondary);transition:var(--transition);background:#fff;align-items:center;gap:.4rem;padding:.55rem 1.15rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--border-light);border-color:#cbd5e1}.btn-danger{background:var(--danger);color:#fff;font-weight:600;font-family:var(--font);border:none}.btn-danger:hover{background:var(--danger-hover)}.btn-sm{cursor:pointer;font-size:.78rem;font-weight:500;font-family:var(--font);transition:var(--transition);border-radius:6px;padding:.35rem .65rem}.btn-icon{border-radius:var(--radius);border:1px solid var(--border);width:32px;height:32px;color:var(--text-light);background:#fff;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--border-light);color:var(--text);border-color:#cbd5e1}.btn-icon.btn-danger{color:var(--danger);background:#fff;border-color:#fecaca}.btn-icon.btn-danger:hover{background:var(--danger-light);border-color:var(--danger)}.btn-icon svg,.btn-primary svg{width:15px;height:15px}.crud-table{border-collapse:separate;border-spacing:0;background:var(--card-bg);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}.crud-table th,.crud-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:.75rem 1rem}.crud-table th{background:var(--border-light);text-transform:uppercase;color:var(--text-muted);letter-spacing:.6px;font-size:.72rem;font-weight:600}.crud-table tr:last-child td{border-bottom:none}.crud-table tbody tr{transition:background var(--transition)}.crud-table tbody tr:hover td{background:#f8fafc}.crud-table .selected-row td{background:var(--primary-light)}.crud-table td.actions{white-space:nowrap}.crud-table td.actions .btn-sm{margin-left:4px}.crud-table td.empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem;font-size:.9rem}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);background:#0f172a66;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);border-radius:var(--radius-xl);min-width:420px;max-width:90vw;max-height:90vh;box-shadow:var(--shadow-lg);padding:2rem;animation:.25s cubic-bezier(.4,0,.2,1) modalIn;position:relative;overflow-y:auto}.modal h2{border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.15rem;font-weight:700}.modal-close{background:var(--border-light);width:32px;height:32px;color:var(--text-light);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:var(--border);color:var(--text)}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast{z-index:300;border-radius:var(--radius);align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:550;animation:.3s cubic-bezier(.4,0,.2,1) toastIn;display:flex;position:fixed;top:1.25rem;right:1.25rem;box-shadow:0 8px 24px #0000001f}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)translate(12px)}to{opacity:1;transform:translateY(0)translate(0)}}.error{background:var(--danger-light);color:#b91c1c;border-radius:var(--radius);border:1px solid #fecaca;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem 1rem;font-size:.85rem;font-weight:500;display:flex}.error:before{content:"⚠️";font-size:.85rem}.dashboard{flex-direction:column;gap:1.75rem;display:flex}.dashboard-greeting h1{letter-spacing:-.4px;margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.dashboard-greeting p{color:var(--text-light);font-size:.95rem}.stat-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.stat-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);transition:var(--transition);color:inherit;flex-direction:column;gap:.35rem;padding:1.25rem;text-decoration:none;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-2px)}.stat-card .stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.35rem;display:flex}.stat-card .stat-icon svg{width:20px;height:20px}.stat-card .stat-value{letter-spacing:-.5px;color:var(--text);font-size:1.75rem;font-weight:800}.stat-card .stat-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.stat-card-purple .stat-icon{color:#7c3aed;background:#ede9fe}.stat-card-amber .stat-icon{color:#d97706;background:#fef3c7}.stat-card-blue .stat-icon{color:#2563eb;background:#dbeafe}.stat-card-green .stat-icon{color:#059669;background:#d1fae5}.stat-card-purple:hover{border-color:#c4b5fd}.stat-card-amber:hover{border-color:#fcd34d}.stat-card-blue:hover{border-color:#93c5fd}.stat-card-green:hover{border-color:#6ee7b7}.section-title{color:var(--text-secondary);margin-bottom:.75rem;font-size:1rem;font-weight:650}.quick-links{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.quick-link{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);transition:var(--transition);align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.quick-link:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary);box-shadow:var(--shadow-sm)}.quick-link .ql-icon{background:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-link .ql-icon svg{width:18px;height:18px}.quick-link:hover .ql-icon{background:var(--primary);color:#fff}.menu-section{gap:1rem;margin-top:1.25rem;display:flex}.menu-panel{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;flex:1;min-width:260px;max-height:calc(100vh - 200px);padding:0;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.15rem;display:flex}.panel-header h2{font-size:.95rem;font-weight:700}.menu-list{flex:1;padding:.5rem;list-style:none;overflow-y:auto}.menu-list li{border-radius:var(--radius);cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .65rem;display:flex}.menu-list li:hover{background:var(--border-light)}.menu-list li.selected{background:var(--primary-light);color:var(--primary);font-weight:550}.menu-list li.empty{color:var(--text-muted);cursor:default;justify-content:center;padding:1.5rem;font-size:.9rem}.menu-list li>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-actions{opacity:0;flex-shrink:0;gap:4px;transition:opacity .15s;display:flex}.menu-list li:hover .item-actions{opacity:1}.item-actions button{border:1px solid var(--border);color:var(--text-light);transition:var(--transition);background:#fff}.item-actions button:hover{border-color:var(--text-muted);color:var(--text)}.item-actions .btn-danger{color:var(--danger);background:#fff;border-color:#fecaca}.item-actions .btn-danger:hover{background:var(--danger-light);border-color:var(--danger)}.mod-group{border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);margin:0 .75rem .75rem;padding:.75rem}.mod-group:first-child{margin-top:.75rem}.mod-group:hover{border-color:#cbd5e1}.mod-group-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.5rem;display:flex}.option-list{padding-left:.85rem;list-style:none}.option-list li{justify-content:space-between;align-items:center;padding:.3rem .35rem;font-size:.9rem;display:flex}.orders-filters{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.orders-filters .form-group{margin-bottom:0}.orders-layout{gap:1.5rem;display:flex}.orders-layout .crud-table{flex:2}.order-detail{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex:1;align-self:flex-start;min-width:280px;max-height:calc(100vh - 4rem);padding:1.5rem;position:sticky;top:2rem;overflow-y:auto}.order-detail h2{margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.order-detail h3{text-transform:uppercase;color:var(--text-muted);letter-spacing:.3px;margin:1rem 0 .5rem;font-size:.85rem;font-weight:650}.order-detail p{margin-bottom:.3rem;font-size:.9rem;line-height:1.6}.order-items-list{list-style:none}.order-items-list>li{border-bottom:1px solid var(--border-light);padding:.5rem 0;font-size:.9rem}.order-items-list>li:last-child{border-bottom:none}.modifier-list{color:var(--text-light);padding-left:1rem;font-size:.82rem;list-style:none}.status-badge{color:#fff;letter-spacing:.2px;white-space:nowrap;border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.vdu-page{color:#e2e8f0;width:100%;min-height:100vh;font-family:var(--font);background:#0c0f1a;flex-direction:column;display:flex}.vdu-select-screen{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}.vdu-select-screen h1{color:#fff;font-size:2rem;font-weight:700}.vdu-select-screen p{color:#64748b;font-size:1.1rem}.vdu-rest-grid{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:600px;display:flex}.vdu-rest-btn{color:#fff;cursor:pointer;background:#141829;border:1px solid #ffffff14;border-radius:12px;min-width:200px;padding:1rem 2rem;font-size:1.2rem;font-weight:600;transition:all .2s}.vdu-rest-btn:hover{background:#1e2440;border-color:#ffffff26}.vdu-back-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;margin-top:1rem;padding:.5rem 1rem;transition:all .2s}.vdu-back-btn:hover{color:#e2e8f0;border-color:#fff3}.vdu-error{color:#fca5a5;background:#dc262626;border-radius:8px;padding:.5rem 1rem;font-size:.9rem}.vdu-header{background:#141829;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1.75rem;display:flex}.vdu-header-left{align-items:center;gap:1.5rem;display:flex}.vdu-restaurant-name{color:#fff;letter-spacing:-.2px;font-size:1.2rem;font-weight:700}.vdu-order-count{color:#64748b;font-size:.9rem}.vdu-header-right{align-items:center;gap:.75rem;display:flex}.vdu-header-error{color:#fca5a5;font-size:.85rem}.vdu-rest-switch{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem .7rem;font-size:.85rem;transition:all .15s}.vdu-rest-switch:hover{background:#ffffff1a}.vdu-fullscreen-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem .7rem;font-size:1.1rem;transition:all .15s}.vdu-fullscreen-btn:hover{background:#ffffff1a}.vdu-back-link{color:#64748b;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem .7rem;font-size:.85rem;transition:all .15s}.vdu-back-link:hover{color:#e2e8f0;border-color:#fff3}.vdu-columns{flex:1;gap:0;display:flex;overflow:hidden}.vdu-column{flex-direction:column;flex:1;display:flex;overflow-y:auto}.vdu-col-preparing{border-right:1px solid #ffffff0f}.vdu-col-header{z-index:2;text-transform:uppercase;letter-spacing:1.2px;padding:.85rem 1.5rem;font-size:.8rem;font-weight:700;position:sticky;top:0}.vdu-col-header-preparing{color:#64748b;background:#141829}.vdu-col-header-ready{color:#4ade80;background:#0a1a0e}.vdu-cards{flex-wrap:wrap;align-content:flex-start;gap:.85rem;padding:1.25rem;display:flex}.vdu-card{background:#141829;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;flex:260px;gap:.5rem;min-width:220px;max-width:320px;padding:1.1rem;transition:border-color .2s;display:flex}.vdu-card:hover{border-color:#ffffff1f}.vdu-card-ready{border-color:#22c55e66}.vdu-card-ready:hover{border-color:#22c55e99}.vdu-card-top{justify-content:space-between;align-items:baseline;display:flex}.vdu-order-number{color:#fff;letter-spacing:.5px;font-size:1.6rem;font-weight:800}.vdu-order-number-ready{color:#4ade80;font-size:2rem}.vdu-elapsed{color:#4b5563;font-size:.85rem}.vdu-card-status{flex-wrap:wrap;gap:.4rem;display:flex}.vdu-status-pill{border-radius:8px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.vdu-pill-paid{color:#93c5fd;background:#2563eb26}.vdu-pill-accepted{color:#bfdbfe;background:#2563eb1a}.vdu-pill-queued_for_kitchen{color:#d8b4fe;background:#9333ea26}.vdu-pill-in_preparation{color:#fde68a;background:#d9770626}.vdu-pill-assembled{color:#fed7aa;background:#ea580c26}.vdu-pill-ready_for_pickup{color:#bbf7d0;background:#16a34a26}.vdu-card-items{flex-direction:column;gap:.25rem;display:flex}.vdu-item-line{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.vdu-item-qty{color:#f59e0b;min-width:2rem;font-weight:700}.vdu-item-name{color:#e2e8f0;font-size:.95rem}.vdu-item-mods{flex-wrap:wrap;gap:.3rem;width:100%;padding-left:2rem;display:flex}.vdu-mod{color:#9ca3af;background:#ffffff0f;border-radius:4px;padding:.15rem .45rem;font-size:.75rem}.vdu-card-customer{color:#6b7280;font-size:.85rem;font-style:italic}.vdu-advance-btn{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:10px;margin-top:.3rem;padding:.65rem 1rem;font-size:.95rem;font-weight:600;transition:all .15s}.vdu-advance-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.vdu-advance-btn-done{background:var(--success)}.vdu-advance-btn-done:hover{background:#059669}.vdu-empty{color:#374151;text-align:center;width:100%;padding:2.5rem;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.users-grouped{flex-direction:column;gap:1.25rem;display:flex}.user-group{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}.user-group .group-title{background:var(--border-light);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.85rem 1.15rem;font-size:.9rem;font-weight:650;display:flex}.user-group .crud-table{box-shadow:none;border:none;border-radius:0;margin:0}.role-badge{letter-spacing:.1px;border-radius:20px;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.role-admin{color:#92400e;background:#fef3c7}.role-owner{color:#5b21b6;background:#ede9fe}.role-manager{color:#1e40af;background:#dbeafe}.role-staff{color:#065f46;background:#d1fae5}.image-upload-field{flex-direction:column;gap:.35rem;display:flex}.image-upload-field .image-preview img{border-radius:var(--radius);border:1px solid var(--border);object-fit:cover;max-width:200px;max-height:120px}.image-upload-field .upload-actions{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.image-upload-field input[type=text]{border:1px solid var(--border);width:100%;color:var(--text-light);border-radius:6px;margin-top:.25rem;padding:.4rem .65rem;font-size:.82rem}.image-upload-field input[type=text]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #4f46e514}.required{color:var(--danger);margin-left:2px}.status-active,.status-inactive{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.status-active{color:var(--success);background:var(--success-light)}.status-active svg{width:14px;height:14px}.status-inactive{color:var(--text-muted);background:var(--border-light)}.status-inactive svg{width:14px;height:14px}.confirm-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);background:#0f172a66;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;width:90vw;max-width:380px;padding:2rem;animation:.25s cubic-bezier(.4,0,.2,1) modalIn}.confirm-dialog p{color:var(--text);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.confirm-dialog .form-actions{justify-content:center}.error-boundary{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:60vh;padding:2rem;display:flex}.error-boundary h2{color:var(--text);font-size:1.25rem;font-weight:700}.error-boundary p{color:var(--text-light);margin-bottom:1rem}.spinner-mini{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-toggle{z-index:200;border-radius:var(--radius);border:1px solid var(--border);background:var(--card-bg);width:42px;height:42px;box-shadow:var(--shadow-md);cursor:pointer;color:var(--text);justify-content:center;align-items:center;font-size:1.2rem;display:none;position:fixed;top:.85rem;left:.85rem}.sidebar-overlay{display:none}@media (width<=768px){.sidebar-toggle{display:flex}.sidebar{z-index:150;width:240px;transition:left .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-250px;box-shadow:8px 0 24px #0003}.sidebar.sidebar-open{left:0}.sidebar-overlay{z-index:140;background:#00000080;animation:.15s fadeIn;position:fixed;inset:0}.sidebar-overlay.active{display:block}.main-content{max-width:100vw;padding:3.75rem 1rem 1.5rem}.modal{width:95vw;min-width:auto;padding:1.5rem}.modal h2{font-size:1.05rem}.orders-layout,.menu-section{flex-direction:column}.menu-panel{max-height:50vh}.crud-table{font-size:.8rem}.crud-table th,.crud-table td{padding:.5rem}.stat-cards{grid-template-columns:repeat(2,1fr)}.quick-links{grid-template-columns:1fr}.item-actions{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}