:root,body.theme-light{--background:#ffffff;--text-primary:#1f2937;--text-secondary:#4b5563;--border-color:#e5e7eb;--card-bg:#ffffff;--sidebar-bg:#ffffff;--sidebar-text:#374151;--sidebar-heading:#9ca3af;--header-bg:#ffffff;--button-bg:#ffffff;--button-hover-bg:#f9fafb;--button-active-bg:#1f2937;--button-active-text:#ffffff;--input-bg:#f9fafb;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(255,255,255,0.4);--login-border-color:rgba(229,231,235,0.6);--login-button-bg:#1f2937;--login-button-text:#ffffff}.hidden{display:none !important}#offline-status-badge{display:inline-flex !important;align-items:center !important;gap:0.4rem !important;padding:0.3rem 0.65rem !important;border-radius:0.75rem !important;font-size:0.75rem !important;font-weight:800 !important;line-height:1 !important;cursor:pointer !important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 1px 3px rgba(0,0,0,0.08) !important;white-space:nowrap !important;user-select:none !important}#offline-status-badge.status-online{background-color:#ecfdf5 !important;color:#065f46 !important;border:1px solid #6ee7b7 !important}#offline-status-badge.status-online:hover{background-color:#d1fae5 !important;border-color:#34d399 !important}#offline-status-badge.status-offline{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%) !important;color:#ffffff !important;border:1px solid #b45309 !important;box-shadow:0 0 12px rgba(245,158,11,0.6) !important}#offline-status-badge.status-offline:hover{filter:brightness(1.08) !important}#offline-status-badge.status-syncing{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%) !important;color:#ffffff !important;border:1px solid #1e40af !important;box-shadow:0 0 10px rgba(37,99,235,0.4) !important}html.dark #offline-status-badge.status-online{background-color:rgba(6,78,59,0.4) !important;color:#6ee7b7 !important;border:1px solid rgba(52,211,153,0.3) !important}body.modal-locked #app-container,body.security-locked #app-container{pointer-events:none;user-select:none}body.modal-locked #modal-backdrop,body.security-locked #security-barrier{background:rgba(15,23,42,0.4);z-index:999999 !important}.animate-slide-up{animation:securitySlideUp 0.4s cubic-bezier(0.34,1.56,0.64,1)}@keyframes securitySlideUp{from{opacity:0;transform:translateY(50px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}body.theme-dark{--background:#1f2937;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-color:#4b5563;--card-bg:#374151;--sidebar-bg:#111827;--sidebar-text:#d1d5db;--sidebar-heading:#9ca3af;--header-bg:#374151;--button-bg:#4b5563;--button-hover-bg:#52525b;--button-active-bg:#4f46e5;--button-active-text:#ffffff;--input-bg:#4b5563;--login-card-bg:rgba(31,41,55,0.75);--login-input-bg:rgba(75,85,99,0.4);--login-border-color:rgba(107,114,128,0.6);--login-button-bg:#4f46e5;--login-button-text:#ffffff}body.theme-blue{--background:#eff6ff;--text-primary:#1e3a8a;--text-secondary:#3b82f6;--border-color:#bfdbfe;--card-bg:#ffffff;--sidebar-bg:#1e40af;--sidebar-text:#dbeafe;--sidebar-heading:#93c5fd;--header-bg:#dbeafe;--button-bg:#ffffff;--button-hover-bg:#eff6ff;--button-active-bg:#2563eb;--button-active-text:#ffffff;--input-bg:#eff6ff;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(219,234,254,0.4);--login-border-color:rgba(191,219,254,0.6);--login-button-bg:#1e40af;--login-button-text:#ffffff}body.theme-minimalist{--background:#ffffff;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#f3f4f6;--card-bg:#ffffff;--sidebar-bg:#f9fafb;--sidebar-text:#374151;--sidebar-heading:#9ca3af;--header-bg:#ffffff;--button-bg:#ffffff;--button-hover-bg:#f9fafb;--button-active-bg:#1f2937;--button-active-text:#ffffff;--input-bg:#f9fafb;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(243,244,246,0.4);--login-border-color:rgba(229,231,235,0.6);--login-button-bg:#1f2937;--login-button-text:#ffffff}body.theme-classic{--background:#fefce8;--text-primary:#44403c;--text-secondary:#78716c;--border-color:#e7e5e4;--card-bg:#ffffff;--sidebar-bg:#292524;--sidebar-text:#e7e5e4;--sidebar-heading:#a8a29e;--header-bg:#fafaf9;--button-bg:#ffffff;--button-hover-bg:#f5f5f4;--button-active-bg:#57534e;--button-active-text:#ffffff;--input-bg:#fefce8;--login-card-bg:rgba(255,255,250,0.75);--login-input-bg:rgba(245,245,244,0.4);--login-border-color:rgba(231,229,228,0.6);--login-button-bg:#57534e;--login-button-text:#ffffff}body.theme-purple{--background:#faf5ff;--text-primary:#581c87;--text-secondary:#7c3aed;--border-color:#d8b4fe;--card-bg:#ffffff;--sidebar-bg:#581c87;--sidebar-text:#e9d5ff;--sidebar-heading:#c4b5fd;--header-bg:#e9d5ff;--button-bg:#ffffff;--button-hover-bg:#faf5ff;--button-active-bg:#7c3aed;--button-active-text:#ffffff;--input-bg:#faf5ff;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(233,213,255,0.4);--login-border-color:rgba(216,180,254,0.6);--login-button-bg:#581c87;--login-button-text:#ffffff}body.theme-purple{--muted-panel-bg:#f3e8ff}body.theme-green{--muted-panel-bg:#ecfdf5}body.theme-orange{--muted-panel-bg:#fff7ed}body.theme-red{--muted-panel-bg:#fef2f2}body.theme-gradient-blue{--muted-panel-bg:rgba(255,255,255,0.9)}body.theme-gradient-purple{--muted-panel-bg:rgba(255,255,255,0.9)}body.theme-gradient-green{--muted-panel-bg:rgba(255,255,255,0.9)}body.theme-gradient-orange{--muted-panel-bg:rgba(255,255,255,0.9)}body.theme-gradient-sunset{--muted-panel-bg:rgba(255,255,255,0.9)}body.theme-green{--background:#ecfdf5;--text-primary:#064e3b;--text-secondary:#059669;--border-color:#a7f3d0;--card-bg:#ffffff;--sidebar-bg:#064e3b;--sidebar-text:#d1fae5;--sidebar-heading:#6ee7b7;--header-bg:#d1fae5;--button-bg:#ffffff;--button-hover-bg:#ecfdf5;--button-active-bg:#059669;--button-active-text:#ffffff;--input-bg:#ecfdf5;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(209,250,229,0.4);--login-border-color:rgba(167,243,208,0.6);--login-button-bg:#064e3b;--login-button-text:#ffffff}body.theme-orange{--background:#fff7ed;--text-primary:#9a3412;--text-secondary:#ea580c;--border-color:#fed7aa;--card-bg:#ffffff;--sidebar-bg:#9a3412;--sidebar-text:#ffedd5;--sidebar-heading:#fdba74;--header-bg:#ffedd5;--button-bg:#ffffff;--button-hover-bg:#fff7ed;--button-active-bg:#ea580c;--button-active-text:#ffffff;--input-bg:#fff7ed;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(255,237,213,0.4);--login-border-color:rgba(254,215,170,0.6);--login-button-bg:#9a3412;--login-button-text:#ffffff}body.theme-red{--background:#fef2f2;--text-primary:#7f1d1d;--text-secondary:#dc2626;--border-color:#fecaca;--card-bg:#ffffff;--sidebar-bg:#7f1d1d;--sidebar-text:#fee2e2;--sidebar-heading:#fca5a5;--header-bg:#fee2e2;--button-bg:#ffffff;--button-hover-bg:#fef2f2;--button-active-bg:#dc2626;--button-active-text:#ffffff;--input-bg:#fef2f2;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(254,226,226,0.4);--login-border-color:rgba(254,202,202,0.6);--login-button-bg:#7f1d1d;--login-button-text:#ffffff}body.theme-gradient-blue{--background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--text-primary:#1e40af;--text-secondary:#3b82f6;--border-color:#bfdbfe;--card-bg:#ffffff;--sidebar-bg:linear-gradient(135deg,#1e4a99 0%,#1e4a99 100%);--sidebar-text:#dbeafe;--sidebar-heading:#93c5fd;--header-bg:linear-gradient(135deg,#1e4a99 0%,#1e4a99 100%);--button-bg:#ffffff;--button-hover-bg:#eff6ff;--button-active-bg:#1e40af;--button-active-text:#ffffff;--input-bg:#ffffff;--login-card-bg:rgba(255,255,255,0.95);--login-input-bg:rgba(255,255,255,0.8);--login-border-color:rgba(59,130,246,0.3);--login-button-bg:#1e40af;--login-button-text:#ffffff}body.theme-gradient-purple{--background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--text-primary:#ffffff;--text-secondary:#e9d5ff;--border-color:rgba(255,255,255,0.2);--card-bg:rgba(255,255,255,0.95);--sidebar-bg:linear-gradient(135deg,#581c87 0%,#7c3aed 100%);--sidebar-text:#e9d5ff;--sidebar-heading:#c4b5fd;--header-bg:rgba(255,255,255,0.9);--button-bg:rgba(255,255,255,0.9);--button-hover-bg:rgba(255,255,255,0.95);--button-active-bg:#7c3aed;--button-active-text:#ffffff;--input-bg:rgba(255,255,255,0.9);--login-card-bg:rgba(255,255,255,0.9);--login-input-bg:rgba(255,255,255,0.7);--login-border-color:rgba(255,255,255,0.5);--login-button-bg:#7c3aed;--login-button-text:#ffffff}body.theme-gradient-green{--background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--text-primary:#064e3b;--text-secondary:#d1fae5;--border-color:rgba(255,255,255,0.2);--card-bg:rgba(255,255,255,0.95);--sidebar-bg:linear-gradient(135deg,#064e3b 0%,#059669 100%);--sidebar-text:#d1fae5;--sidebar-heading:#6ee7b7;--header-bg:rgba(255,255,255,0.9);--button-bg:rgba(255,255,255,0.9);--button-hover-bg:rgba(255,255,255,0.95);--button-active-bg:#059669;--button-active-text:#ffffff;--input-bg:rgba(255,255,255,0.9);--login-card-bg:rgba(255,255,255,0.9);--login-input-bg:rgba(255,255,255,0.7);--login-border-color:rgba(255,255,255,0.5);--login-button-bg:#059669;--login-button-text:#ffffff}body.theme-gradient-orange{--background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--text-primary:#9a3412;--text-secondary:#ffedd5;--border-color:rgba(255,255,255,0.2);--card-bg:rgba(255,255,255,0.95);--sidebar-bg:linear-gradient(135deg,#9a3412 0%,#ea580c 100%);--sidebar-text:#ffedd5;--sidebar-heading:#fdba74;--header-bg:rgba(255,255,255,0.9);--button-bg:rgba(255,255,255,0.9);--button-hover-bg:rgba(255,255,255,0.95);--button-active-bg:#ea580c;--button-active-text:#ffffff;--input-bg:rgba(255,255,255,0.9);--login-card-bg:rgba(255,255,255,0.9);--login-input-bg:rgba(255,255,255,0.7);--login-border-color:rgba(255,255,255,0.5);--login-button-bg:#ea580c;--login-button-text:#ffffff}body.theme-gradient-sunset{--background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--text-primary:#7c2d12;--text-secondary:#ea580c;--border-color:#fed7aa;--card-bg:#ffffff;--sidebar-bg:linear-gradient(135deg,#dc2626 0%,#ea580c 50%,#f59e0b 100%);--sidebar-text:#fef3c7;--sidebar-heading:#fcd34d;--header-bg:linear-gradient(135deg,#dc2626 0%,#ea580c 50%,#f59e0b 100%);--button-bg:#ffffff;--button-hover-bg:#fef3c7;--button-active-bg:#ea580c;--button-active-text:#ffffff;--input-bg:#ffffff;--login-card-bg:rgba(255,255,255,0.95);--login-input-bg:rgba(255,245,235,0.8);--login-border-color:rgba(234,88,12,0.3);--login-button-bg:#ea580c;--login-button-text:#ffffff}body.theme-cyan{--background:#ecfeff;--text-primary:#164e63;--text-secondary:#0891b2;--border-color:#a5f3fc;--card-bg:#ffffff;--sidebar-bg:#164e63;--sidebar-text:#c7f6ff;--sidebar-heading:#67e8f9;--header-bg:#c7f6ff;--button-bg:#ffffff;--button-hover-bg:#ecfeff;--button-active-bg:#0891b2;--button-active-text:#ffffff;--input-bg:#ecfeff;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(199,246,255,0.4);--login-border-color:rgba(165,243,252,0.6);--login-button-bg:#164e63;--login-button-text:#ffffff}body.theme-teal{--background:#f0fdfa;--text-primary:#134e4a;--text-secondary:#0d9488;--border-color:#99f6e4;--card-bg:#ffffff;--sidebar-bg:#134e4a;--sidebar-text:#ccfbf1;--sidebar-heading:#5eead4;--header-bg:#ccfbf1;--button-bg:#ffffff;--button-hover-bg:#f0fdfa;--button-active-bg:#0d9488;--button-active-text:#ffffff;--input-bg:#f0fdfa;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(204,251,241,0.4);--login-border-color:rgba(153,246,228,0.6);--login-button-bg:#134e4a;--login-button-text:#ffffff}body.theme-pink{--background:#fdf2f8;--text-primary:#831843;--text-secondary:#db2777;--border-color:#f9a8d4;--card-bg:#ffffff;--sidebar-bg:#831843;--sidebar-text:#fce7f3;--sidebar-heading:#f9a8d4;--header-bg:#fce7f3;--button-bg:#ffffff;--button-hover-bg:#fdf2f8;--button-active-bg:#db2777;--button-active-text:#ffffff;--input-bg:#fdf2f8;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(252,231,243,0.4);--login-border-color:rgba(249,168,212,0.6);--login-button-bg:#831843;--login-button-text:#ffffff}body.theme-indigo{--background:#eef2ff;--text-primary:#312e81;--text-secondary:#6366f1;--border-color:#c7d2fe;--card-bg:#ffffff;--sidebar-bg:#312e81;--sidebar-text:#e0e7ff;--sidebar-heading:#a5b4fc;--header-bg:#e0e7ff;--button-bg:#ffffff;--button-hover-bg:#eef2ff;--button-active-bg:#6366f1;--button-active-text:#ffffff;--input-bg:#eef2ff;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(224,231,255,0.4);--login-border-color:rgba(199,210,254,0.6);--login-button-bg:#312e81;--login-button-text:#ffffff}body.theme-gradient-ocean{--background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--text-primary:#0c4a6e;--text-secondary:#0369a1;--border-color:#bae6fd;--card-bg:#ffffff;--sidebar-bg:linear-gradient(135deg,#0c4a6e 0%,#0369a1 50%,#0284c7 100%);--sidebar-text:#e0f2fe;--sidebar-heading:#7dd3fc;--header-bg:linear-gradient(135deg,#0c4a6e 0%,#0369a1 50%,#0284c7 100%);--button-bg:#ffffff;--button-hover-bg:#f0f9ff;--button-active-bg:#0369a1;--button-active-text:#ffffff;--input-bg:#ffffff;--login-card-bg:rgba(255,255,255,0.95);--login-input-bg:rgba(240,249,255,0.8);--login-border-color:rgba(3,105,161,0.3);--login-button-bg:#0369a1;--login-button-text:#ffffff}body.theme-high-contrast{--background:#000000;--text-primary:#ffffff;--text-secondary:#ffff00;--border-color:#ffffff;--card-bg:#000000;--sidebar-bg:#000000;--sidebar-text:#ffffff;--sidebar-heading:#ffff00;--header-bg:#000000;--button-bg:#ffffff;--button-hover-bg:#ffff00;--button-active-bg:#ffffff;--button-active-text:#000000;--input-bg:#ffffff;--login-card-bg:#000000;--login-input-bg:#ffffff;--login-border-color:#ffffff;--login-button-bg:#ffffff;--login-button-text:#000000}body.theme-colorblind-friendly{--background:#f8f9fa;--text-primary:#212529;--text-secondary:#495057;--border-color:#dee2e6;--card-bg:#ffffff;--sidebar-bg:#343a40;--sidebar-text:#f8f9fa;--sidebar-heading:#e9ecef;--header-bg:#f8f9fa;--button-bg:#ffffff;--button-hover-bg:#e9ecef;--button-active-bg:#495057;--button-active-text:#f8f9fa;--input-bg:#ffffff;--login-card-bg:rgba(255,255,255,0.95);--login-input-bg:rgba(248,249,250,0.8);--login-border-color:rgba(33,37,41,0.3);--login-button-bg:#495057;--login-button-text:#f8f9fa}body.font-system{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}body.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body.font-serif{font-family:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}body.font-mono{font-family:ui-monospace,SFMono-Regular,"SF Mono",Monaco,Consolas,"Liberation Mono","Courier New",monospace}.font-size-small{font-size:0.875rem}.font-size-small .card{padding:1rem}.font-size-small .section-header{font-size:1.125rem}.font-size-small .tab-btn,.font-size-small .nav-btn{font-size:0.875rem;padding:0.5rem}.font-size-normal{font-size:1rem}.font-size-large{font-size:1.125rem}.font-size-large .card{padding:2rem}.font-size-large .section-header{font-size:1.5rem;padding-bottom:1.5rem;margin-bottom:1.5rem}.font-size-large .tab-btn,.font-size-large .nav-btn{font-size:1.125rem;padding:0.75rem 1.5rem}.font-size-xlarge{font-size:1.25rem}.font-size-xlarge .card{padding:2.5rem}.font-size-xlarge .section-header{font-size:1.75rem;padding-bottom:2rem;margin-bottom:2rem}.font-size-xlarge .tab-btn,.font-size-xlarge .nav-btn{font-size:1.25rem;padding:1rem 1.5rem}.border-radius-none{--border-radius:0}.border-radius-none .card,.border-radius-none .input-modern,.border-radius-none .form-input,.border-radius-none .nav-btn,.border-radius-none .tab-btn,.border-radius-none .login-card,.border-radius-none .category-filter-btn,.border-radius-none .keypad-btn{border-radius:0 !important}.border-radius-small{--border-radius:0.25rem}.border-radius-normal{--border-radius:0.75rem}.border-radius-large{--border-radius:1rem}.border-radius-large .card{border-radius:1.5rem}.border-radius-large .input-modern,.border-radius-large .form-input{border-radius:1rem}.border-radius-xlarge{--border-radius:1.5rem}.border-radius-xlarge .card{border-radius:2rem}.border-radius-xlarge .input-modern,.border-radius-xlarge .form-input{border-radius:1.5rem}.border-radius-xlarge .nav-btn,.border-radius-xlarge .tab-btn{border-radius:1.5rem}.card,.input-modern,.form-input,.nav-btn,.tab-btn,.login-card,.category-filter-btn,.keypad-btn{border-radius:var(--border-radius,0.75rem)}.density-compact{--spacing-scale:0.75}.density-compact .card{padding:1rem}.density-compact .section-header{padding-bottom:0.75rem;margin-bottom:0.75rem}.density-compact .grid{gap:0.75rem}.density-normal{--spacing-scale:1}.density-comfortable{--spacing-scale:1.25}.density-comfortable .card{padding:2.5rem}.density-comfortable .section-header{padding-bottom:1.5rem;margin-bottom:1.5rem}.density-spacious{--spacing-scale:1.5}.density-spacious .card{padding:3rem}.density-spacious .section-header{padding-bottom:2rem;margin-bottom:2rem}.density-spacious .grid{gap:2rem}.shadow-none{--shadow-light:none;--shadow-medium:none;--shadow-heavy:none}.shadow-none .card,.shadow-none .nav-btn,.shadow-none .tab-btn{box-shadow:none !important}.shadow-subtle{--shadow-light:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-medium:0 2px 4px 0 rgba(0,0,0,0.1);--shadow-heavy:0 4px 8px 0 rgba(0,0,0,0.12)}.shadow-normal{--shadow-light:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-medium:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-heavy:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.shadow-strong{--shadow-light:0 2px 4px 0 rgba(0,0,0,0.12);--shadow-medium:0 5px 10px -1px rgba(0,0,0,0.15);--shadow-heavy:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.shadow-extreme{--shadow-light:0 4px 8px 0 rgba(0,0,0,0.15);--shadow-medium:0 8px 16px -2px rgba(0,0,0,0.2);--shadow-heavy:0 25px 50px -12px rgba(0,0,0,0.15)}.card,.nav-btn,.tab-btn{box-shadow:var(--shadow-medium,0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06))}.card:hover{box-shadow:var(--shadow-heavy,0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05))}@media (max-width:768px){.density-spacious .card{padding:1.5rem}.density-spacious .section-header{padding-bottom:1.5rem;margin-bottom:1.5rem}.font-size-large .card,.font-size-xlarge .card{padding:1.5rem}.font-size-large .section-header,.font-size-xlarge .section-header{font-size:1.25rem}}@media (max-width:480px){.density-spacious .card,.density-comfortable .card{padding:1rem}.font-size-large .section-header,.font-size-xlarge .section-header,.font-size-large .card,.font-size-xlarge .card{padding:1rem}}.bg-background{}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.border-separator{border-color:var(--border-color)}.bg-card{background-color:var(--card-bg)}.bg-sidebar{background-color:var(--sidebar-bg)}.text-sidebar-text{color:var(--sidebar-text)}.text-sidebar-heading{color:var(--sidebar-heading)}.bg-header-bg{background-color:var(--header-bg)}.bg-input{background-color:var(--input-bg)}.sidebar-category-title{@apply px-2 text-sm font-semibold text-gray-400 mb-2;transition:opacity 0.3s ease}.sidebar-menu-item{@apply flex items-center gap-3 p-2 rounded-lg font-medium text-left w-full relative overflow-hidden;color:var(--sidebar-text);transition:background-color 0.2s ease,color 0.2s ease,transform 0.1s ease}.sidebar-menu-item:hover{background-color:rgba(255,255,255,0.1);transform:translateX(3px)}body.theme-minimalist .sidebar-menu-item:hover{background-color:#f3f4f6;color:var(--text-primary)}.sidebar-menu-item.active{color:var(--button-active-text);transform:translateX(0)}#sidebar{overflow-x:hidden}#sidebar.collapsed{width:4.5rem}#sidebar.collapsed .sidebar-title,#sidebar.collapsed .sidebar-item-text,#sidebar.collapsed .sidebar-category-title{display:none;opacity:0}#sidebar.collapsed nav h4,#sidebar.collapsed .nav-btn span,#sidebar.collapsed .p-4 span.font-bold{display:none}#sidebar.collapsed .sidebar-logo{margin-left:auto;margin-right:auto}#sidebar.collapsed .sidebar-menu-item{justify-content:center;padding:0.75rem}#sidebar.collapsed .nav-btn{justify-content:center}#sidebar.collapsed #sidebar-toggle-btn i{transform:rotate(180deg)}#sidebar.collapsed .sidebar-menu-item::after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--card-bg);color:var(--text-primary);padding:0.5rem 0.75rem;border-radius:0.5rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;z-index:10;box-shadow:0 4px 6px rgba(0,0,0,0.1);border:1px solid var(--border-color)}#sidebar.collapsed .sidebar-menu-item:hover::after{opacity:1;visibility:visible}.horizontal-menu-container{@apply flex gap-2 overflow-x-auto pb-2;-webkit-overflow-scrolling:touch;scrollbar-width:none}.horizontal-menu-container::-webkit-scrollbar{display:none}.horizontal-category{@apply flex items-center gap-2 pr-4;flex-shrink:0}.horizontal-category-title{@apply px-2 text-sm font-semibold text-gray-500 whitespace-nowrap;border-right:1px solid var(--border-color);padding-right:1rem;margin-right:0.5rem}.horizontal-menu-item{@apply flex items-center gap-2 px-3 py-2 rounded-lg font-medium whitespace-nowrap;background-color:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color);transition:background-color 0.2s ease,color 0.2s ease,transform 0.1s ease,box-shadow 0.2s ease}.horizontal-menu-item:hover{background-color:var(--button-hover-bg);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)}.horizontal-menu-item.active{color:var(--button-active-text);transform:translateY(0);box-shadow:none}.page-content{transition:opacity 0.2s ease,transform 0.2s ease;opacity:0;transform:translateX(-10px);display:none}.page-content:not(.hidden){display:block}.page-content.entering{opacity:0;animation:pageFadeIn 0.2s ease-out forwards}.page-content.active{opacity:1;transform:translateX(0);transition:opacity 0.3s ease-out}.skeleton-shimmer{background:linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100% );background-size:200% 100%;animation:skeleton-shimmer-anim 1.5s infinite}body.theme-dark .skeleton-shimmer{background:linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0) 100% );background-size:200% 100%}.skeleton-box{background-color:#f3f4f6;border-radius:0.75rem;position:relative;overflow:hidden}body.theme-dark .skeleton-box{background-color:#374151}.skeleton-box::after{content:"";position:absolute;inset:0;background:linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100% );background-size:200% 100%;animation:skeleton-shimmer-anim 1.5s infinite}body.theme-dark .skeleton-box::after{background:linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0) 100% )}@keyframes skeleton-shimmer-anim{0%{background-position:200% 0}100%{background-position:-200% 0}}.no-animations .page-content.active,body:not(.has-animations) .page-content.active{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important}@keyframes pageFadeIn{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@keyframes pageFadeOut{0%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateX(20px) scale(0.98)}}@keyframes pageSlideIn{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes pageSlideOut{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}@keyframes pageScaleIn{0%{opacity:0;transform:scale(0.85)}50%{opacity:0.5;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes pageScaleOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.85)}}.app-loading{opacity:0;transform:translateY(20px);animation:appEntrance 0.6s ease 0.1s forwards}@keyframes appEntrance{0%{opacity:0;transform:translateY(20px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}.page-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.page-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--button-active-bg);border-radius:50%;animation:page-loading-spin 1s linear infinite}@keyframes page-loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.nav-btn{position:relative;overflow:hidden}.nav-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.4s ease}.nav-btn:hover::before{left:100%}.no-animations .app-loading,.no-animations .page-content.entering,.no-animations .page-content.leaving,.no-animations .sidebar-collapsed,.no-animations .nav-btn,.no-animations .submenu,.no-animations [style*="transition"]{animation:none !important;transition:none !important}.hidden{display:none}#sidebar-nav-container{scrollbar-width:none !important;-ms-overflow-style:none !important}#sidebar-nav-container::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}#sidebar-nav-container::-webkit-scrollbar-track{display:none !important}#sidebar-nav-container::-webkit-scrollbar-thumb{display:none !important;width:0 !important;height:0 !important}#main-content-wrapper.sidebar-collapsed{margin-left:4.5rem}.tab-btn{padding:0.5rem 1rem;cursor:pointer;border-bottom:2px solid transparent;font-weight:500;color:var(--text-secondary);transition:all 0.2s ease-in-out}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--button-active-text);border-bottom:2px solid var(--button-active-bg)}#video-background{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-2;transform:translateX(-50%) translateY(-50%);background-size:cover}#video-background iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;transform:translateX(-50%) translateY(-50%)}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:-1}.login-card{background-color:var(--login-card-bg);border-color:var(--login-border-color)}@keyframes fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in 0.5s ease-out forwards}.input-group{position:relative}.form-input{width:100%;border-radius:0.75rem;padding:0.75rem 1rem;border:1px solid var(--login-border-color);background-color:var(--login-input-bg);color:var(--text-primary);transition:all 0.2s ease}.form-input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--button-active-bg) 30%,transparent)}.form-label{position:absolute;left:1rem;top:0.75rem;color:var(--text-secondary);pointer-events:none;transition:all 0.2s ease}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{top:-0.65rem;left:0.75rem;font-size:0.75rem;padding:0 0.25rem;background-color:var(--card-bg)}.form-input:-webkit-autofill+.form-label{top:-0.65rem;left:0.75rem;font-size:0.75rem;padding:0 0.25rem;background-color:var(--card-bg)}.login-button{margin-top:1rem;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border-radius:9999px;border:1px solid transparent;padding:0.75rem 1rem;font-size:0.875rem;font-weight:500;transition:all 0.2s;background-color:var(--login-button-bg);color:var(--login-button-text);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.1)}.spinner{animation:rotate 2s linear infinite;width:20px;height:20px}.path{stroke:currentColor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.keypad-container{margin-top:auto}.keypad-btn,.keypad-btn-special,.keypad-btn-delete{@apply w-full h-12 flex items-center justify-center rounded-2xl text-lg font-semibold transition-all duration-150 shadow;background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.keypad-btn:hover,.keypad-btn-special:hover:hover,.keypad-btn-delete:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05);background-color:var(--button-hover-bg)}.keypad-btn:active,.keypad-btn-special:active:active,.keypad-btn-delete:active{transform:scale(0.98) translateY(0);box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.keypad-btn-delete{background-color:#fee2e2;color:#b91c1c;border-color:#fecaca}#page-pos .keypad-btn-delete:hover{background-color:#fecaca}.keypad-btn-special{font-size:0.875rem;padding-left:0.5rem;padding-right:0.5rem}#current-client-name{max-width:100px}.order-item-row[data-selected="true"]{color:var(--button-active-text)}.category-container::-webkit-scrollbar{height:6px}.category-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.category-filter-btn{padding:0.375rem 0.75rem;border-radius:9999px;font-size:0.875rem;font-weight:600;border-width:2px;transition:all 0.2s ease-in-out;display:inline-flex;align-items:center;gap:0.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);flex-shrink:0;border-color:transparent;background-color:var(--button-hover-bg);color:var(--text-secondary)}.category-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)}.category-filter-btn.active{color:var(--button-active-text) !important;border-color:var(--button-active-bg) !important;box-shadow:none;transform:none}.category-filter-btn.active img,.category-filter-btn.active .icon-placeholder{border:2px solid var(--card-bg)}.category-filter-btn img,.category-filter-btn .icon-placeholder{width:1.75rem;height:1.75rem;border-radius:0.5rem;object-fit:cover;background-color:#d1d5db;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.875rem;flex-shrink:0}.time-separator-row td{border-top:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color);padding-top:0.5rem;padding-bottom:0.5rem}.color-swatch{transition:transform 0.1s ease-in-out}.color-swatch.selected{transform:scale(1.1);box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px var(--button-active-bg)}:root,body.theme-light{--muted-panel-bg:#f9fafb}body.theme-dark{--muted-panel-bg:#2b3440}body.theme-blue{--muted-panel-bg:#eff6ff}body.theme-minimalist{--muted-panel-bg:#f9fafb}body.theme-classic{--muted-panel-bg:#fafaf9}.card{background-color:var(--card-bg);border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:clamp(1rem,2vw,2rem)}.section-header{display:flex;align-items:center;gap:0.75rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.totals-panel{background-color:var(--muted-panel-bg);border-radius:0.75rem;padding:1.5rem}.input-modern{width:100%;border-radius:0.75rem;padding:0.5rem 0.75rem;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);transition:all 0.2s ease}.input-modern:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--button-active-bg) 30%,transparent)}.table-modern th,.table-custom th{background-color:#f9fafb;color:var(--text-secondary);font-weight:600}body.theme-dark .table-modern th,body.theme-dark .table-custom th{background-color:#374151}.table-modern td,.table-modern th,.table-custom td,.table-custom th{padding:1rem}.table-modern tbody tr,.table-custom tbody tr{border-top:1px solid var(--border-color)}.badge{display:inline-flex;align-items:center;padding:0.125rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:600;border:1px solid var(--border-color)}#page-pos .pos-tab-btn{padding:0.75rem 1.5rem;font-weight:600;color:#6b7280;border-bottom:3px solid transparent;transition:all 0.2s ease-in-out}#page-pos .pos-tab-btn:hover{color:#111827}#page-pos .pos-tab-btn.active{color:#3b82f6}#page-pos .keypad-btn,#page-pos .keypad-btn-special,#page-pos #page-pos .keypad-btn-delete{background-color:#f3f4f6;color:#1f2937;border-radius:0.75rem;padding:0.75rem;font-size:1.25rem;font-weight:600;transition:all 0.2s;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb}#page-pos .keypad-btn:hover,#page-pos .keypad-btn-special:hover:hover,#page-pos .keypad-btn-delete:hover{background-color:#e5e7eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05)}#page-pos .keypad-btn-special{background-color:#eef2ff;color:#3730a3;border-radius:0.75rem;padding:0.5rem;font-size:0.875rem;font-weight:600;transition:background-color 0.2s;display:flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #e0e7ff}#page-pos .keypad-btn-special:hover{background-color:#e0e7ff}#page-pos .keypad-btn-delete{background-color:#fee2e2;color:#b91c1c;border-color:#fecaca}#page-pos .keypad-btn-delete:hover{background-color:#fecaca}#page-pos .order-item-row[data-selected="true"]{background-color:#dbeafe;color:inherit}#page-pos .order-item-row[data-selected="true"] td{color:#1e40af;font-weight:600}#page-pos .product-card[disabled]{opacity:0.6;cursor:not-allowed}#page-pos .product-card[disabled]:hover{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);border-color:#e5e7eb}#page-pos .category-filter-btn{border-width:1px}#page-pos .category-filter-btn .icon-placeholder{width:1.5rem;height:1.5rem;border-radius:0.5rem}#page-pos .category-filter-btn img{width:1.5rem;height:1.5rem;object-fit:cover;border-radius:0.5rem}.footer-modern{background:linear-gradient(135deg,#111827 0%,#1e293b 50%,#0f172a 100%);color:#f1f5f9;position:relative;overflow:hidden;width:100%;margin-top:auto;align-self:stretch;flex-shrink:0}.footer-container-modern{width:100%;max-width:none;margin:0;position:relative;z-index:2}.footer-top{background:linear-gradient(135deg,rgba(59,130,246,0.05) 0%,rgba(147,197,253,0.03) 100%);border-bottom:1px solid rgba(255,255,255,0.08)}.footer-main{display:grid;grid-template-columns:2fr 3fr;gap:4rem;padding:2rem 1rem 2rem 17rem;align-items:start}.footer-brand-modern{display:flex;flex-direction:column;gap:2rem}.footer-logo-modern{display:flex;align-items:center;gap:1rem}.footer-logo-img{width:48px;height:48px;border-radius:12px;box-shadow:0 8px 32px rgba(59,130,246,0.3);object-fit:cover}.footer-logo-text{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#93c5fd,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-0.02em}.footer-description-modern{color:#cbd5e1;line-height:1.7;font-size:1.1rem;max-width:500px}.footer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}.stat-item{text-align:center;padding:1rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px rgba(0,0,0,0.05)}.stat-number{display:block;font-size:2rem;font-weight:800;margin-bottom:0.5rem}.stat-label{font-size:0.9rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.footer-links-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-section-modern{display:flex;flex-direction:column;gap:1.5rem}.footer-section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;position:relative;padding-bottom:0.5rem}.footer-section-title::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--button-active-bg);border-radius:2px}.footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem}.footer-links-list a{color:var(--text-secondary);text-decoration:none;font-size:0.95rem;font-weight:500;transition:all 0.3s ease;position:relative;padding:0.25rem 0;display:inline-block}.footer-links-list a:hover{transform:translateX(8px)}.footer-links-list a::before{content:'';position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--button-active-bg);border-radius:50%;opacity:0;transition:all 0.3s ease}.footer-links-list a:hover::before{opacity:1;left:-5px}.footer-contact{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.contact-item:hover{background:var(--button-hover-bg);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.contact-item i{font-size:1.5rem;width:24px;text-align:center}.contact-label{font-size:0.8rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.25rem}.contact-value{font-size:0.95rem;color:#f1f5f9;font-weight:500}.footer-social{display:flex;gap:1rem;margin-top:1.5rem}.social-link-modern{width:50px;height:50px;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#cbd5e1;text-decoration:none;font-size:1.2rem;transition:all 0.3s ease;position:relative;overflow:hidden}.social-link-modern::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#60a5fa,#93c5fd);opacity:0;transition:opacity 0.3s ease}.social-link-modern:hover{color:#ffffff;transform:translateY(-5px) scale(1.1);box-shadow:0 15px 35px rgba(96,165,250,0.4);border-color:#60a5fa}.social-link-modern:hover::before{opacity:1}.social-link-modern i{position:relative;z-index:1}.footer-newsletter{background:linear-gradient(135deg,rgba(59,130,246,0.1) 0%,rgba(147,197,253,0.05) 100%);border-top:1px solid rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.08);padding:3rem 2rem;margin:0 -2rem}.newsletter-content{max-width:600px;margin:0 auto;text-align:center}.newsletter-title{font-size:2rem;font-weight:700;color:#f1f5f9;margin-bottom:1rem;background:linear-gradient(135deg,#60a5fa,#93c5fd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.newsletter-subtitle{font-size:1.1rem;color:#cbd5e1;margin-bottom:2rem;line-height:1.6}.newsletter-input-group{display:flex;gap:1rem;max-width:500px;margin:0 auto;background:rgba(255,255,255,0.05);border-radius:50px;padding:0.5rem;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px)}.newsletter-input{flex:1;background:transparent;border:none;outline:none;padding:1rem 1.5rem;color:#f1f5f9;font-size:1rem;border-radius:50px}.newsletter-input::placeholder{color:#94a3b8}.table-occupied{background:linear-gradient(to bottom right,#f43f5e,#db2777) !important;border:6px solid #ffffff !important;border-radius:2.25rem !important;color:#ffffff !important;box-shadow:0 25px 40px -15px rgba(225,29,72,0.7) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.table-occupied:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 35px 50px -12px rgba(225,29,72,0.8) !important}.table-occupied .status-ping{background:#ffffff !important}.newsletter-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#ffffff;border:none;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:0.5rem;box-shadow:0 4px 15px rgba(59,130,246,0.3)}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,0.4)}.newsletter-btn i{font-size:1.1rem}.premium-footer{position:relative;width:100%;margin-top:auto;background:#ffffff;border-top:1px solid #e2e8f0;z-index:100;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.dark .premium-footer{background:#0f172a;border-top:1px solid #1e293b}.footer-top-bar{position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,0.4) 20%,rgba(139,92,246,0.6) 40%,rgba(6,182,212,0.4) 60%,rgba(16,185,129,0.4) 80%,transparent 100%);background-size:200% 100%;animation:footerShimmer 8s linear infinite;opacity:0.8}@keyframes footerShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.footer-glass-container{max-width:1400px;margin:0 auto;padding:0.75rem 2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.footer-left{display:flex;align-items:center;gap:1rem}.footer-brand-logo{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(59,130,246,0.2))}.footer-brand-text{display:flex;flex-direction:column}.footer-brand-name{font-size:0.85rem;font-weight:900;letter-spacing:0.05em;color:#1e293b}.dark .footer-brand-name{color:#f1f5f9}.footer-brand-sub{font-size:0.65rem;font-weight:600;color:#64748b;display:flex;align-items:center;gap:0.4rem}.footer-center{display:flex;align-items:center;gap:1.5rem}.footer-health-pills{display:flex;gap:0.5rem}.health-pill{display:flex;align-items:center;gap:0.35rem;padding:0.2rem 0.6rem;background:rgba(241,245,249,0.8);border:1px solid rgba(203,213,225,0.5);border-radius:99px;font-size:0.65rem;font-weight:700;color:#475569;transition:all 0.2s ease}.dark .health-pill{background:#1e293b;border-color:#334155;color:#cbd5e1}.health-pill.status-active{background:rgba(34,197,94,0.1) !important;color:#16a34a !important;border-color:rgba(34,197,94,0.2) !important}.dark .health-pill.status-active{background:rgba(34,197,94,0.2) !important;color:#4ade80 !important}.health-pill.status-warning{background:rgba(245,158,11,0.1) !important;color:#d97706 !important;border-color:rgba(245,158,11,0.3) !important;animation:subPulse 2s infinite ease-in-out}.dark .health-pill.status-warning{background:rgba(245,158,11,0.2) !important;color:#fbbf24 !important}.health-pill.status-critical{background:rgba(239,68,68,0.1) !important;color:#dc2626 !important;border-color:rgba(239,68,68,0.4) !important;animation:subPulseCritical 1s infinite cubic-bezier(0.4,0,0.6,1);font-weight:800 !important}.dark .health-pill.status-critical{background:rgba(239,68,68,0.2) !important;color:#f87171 !important}@keyframes subPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(0.98)}}@keyframes subPulseCritical{0%,100%{background-color:rgba(239,68,68,0.1);transform:scale(1)}50%{background-color:rgba(239,68,68,0.25);transform:scale(1.05)}}.health-dot{width:6px;height:6px;border-radius:50%}.health-dot.health-ok{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,0.4);animation:healthPulse 4s infinite}@keyframes healthPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(0.9)}}.footer-right{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.footer-meta-chip,.footer-session-chip,.footer-clock{display:flex;align-items:center;gap:0.4rem;font-size:0.7rem;font-weight:600;color:#64748b;padding:0.25rem 0.5rem;border-radius:8px;background:rgba(255,255,255,0.3)}.dark .footer-meta-chip,.dark .footer-session-chip,.dark .footer-clock{color:#94a3b8;background:rgba(0,0,0,0.1)}.footer-clock{font-family:'JetBrains Mono','Roboto Mono',monospace;min-width:80px;justify-content:center;background:rgba(59,130,246,0.05);color:#3b82f6;border:1px solid rgba(59,130,246,0.1)}.footer-action-group{display:flex;gap:0.4rem;margin-left:0.5rem}.footer-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;border:1px solid transparent;color:#64748b;cursor:pointer;transition:all 0.2s ease}.footer-icon-btn:hover{background:rgba(59,130,246,0.1);color:#3b82f6;border-color:rgba(59,130,246,0.2);transform:translateY(-2px)}.footer-copyright-line{padding:0.4rem 2rem;background:rgba(0,0,0,0.02);border-top:1px solid rgba(0,0,0,0.03);text-align:center;font-size:0.6rem;font-weight:600;color:#94a3b8;letter-spacing:0.02em}.dark .footer-copyright-line{background:rgba(0,0,0,0.2);border-top-color:rgba(255,255,255,0.02)}#footer-modern-adapter.sidebar-collapsed{padding-left:0}#footer-modern-adapter.sidebar-expanded{padding-left:0}@media (max-width:1024px){.footer-glass-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;text-align:center;gap:1rem;padding:1.5rem 1rem}.footer-left,.footer-center,.footer-right{justify-content:center}}.shortcuts-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.4);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;transition:all 0.3s ease}.shortcuts-modal-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.5) inset;width:100%;max-width:500px;overflow:hidden;transform:translateY(0);animation:modalAppear 0.4s cubic-bezier(0.16,1,0.3,1)}.dark .shortcuts-modal-card{background:rgba(30,41,59,0.95);box-shadow:0 25px 70px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05) inset}@keyframes modalAppear{from{opacity:0;transform:scale(0.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.shortcuts-modal-header{padding:1.5rem 2rem;background:linear-gradient(to bottom,rgba(59,130,246,0.05),transparent);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,0.05)}.dark .shortcuts-modal-header{border-bottom-color:rgba(255,255,255,0.05)}.shortcuts-modal-header h3{font-size:1.25rem !important;font-weight:800 !important;color:#1e293b !important;display:flex !important;align-items:center !important;gap:0.75rem !important;margin:0 !important}.dark .shortcuts-modal-header h3{color:#f1f5f9 !important}.shortcuts-modal-header h3 i{color:#3b82f6 !important;font-size:1.1rem !important}.shortcuts-close-btn{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.03);border:none;color:#64748b;cursor:pointer;transition:all 0.2s ease}.shortcuts-close-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.shortcuts-modal-body{padding:1.5rem 2rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem}.shortcut-group{display:flex;flex-direction:column;gap:0.75rem}.shortcut-group-title{font-size:0.75rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:#94a3b8;margin-bottom:0.25rem;padding-left:0.5rem;border-left:3px solid #3b82f6}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 0.75rem;border-radius:12px;background:rgba(0,0,0,0.02);transition:all 0.2s ease}.dark .shortcut-row{background:rgba(255,255,255,0.02)}.shortcut-row:hover{background:rgba(59,130,246,0.05);transform:translateX(4px)}.shortcut-row span{font-size:0.9rem;font-weight:600;color:#475569}.dark .shortcut-row span{color:#cbd5e1}.shortcut-keys{display:flex;align-items:center;gap:0.4rem}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:1.8rem;padding:0 0.5rem;font-family:'Inter',system-ui,sans-serif;font-size:0.75rem;font-weight:700;color:#1e293b;background:#ffffff;border:1px solid #e2e8f0;border-bottom:3px solid #cbd5e1;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.dark kbd{color:#f1f5f9;background:#334155;border-color:#475569;border-bottom-color:#1e293b}.shortcut-sep{font-size:0.8rem;color:#94a3b8;font-weight:500}body.theme-dark{--background:#1f2937;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-color:#4b5563;--card-bg:#374151;--sidebar-bg:#111827;--sidebar-text:#d1d5db;--sidebar-heading:#9ca3af;--header-bg:#374151;--button-bg:#4b5563;--button-hover-bg:#52525b;--button-active-bg:#4f46e5;--button-active-text:#ffffff;--input-bg:#4b5563;--login-card-bg:rgba(31,41,55,0.75);--login-input-bg:rgba(75,85,99,0.4);--login-border-color:rgba(107,114,128,0.6);--login-button-bg:#4f46e5;--login-button-text:#ffffff}body.theme-blue{--background:#eff6ff;--text-primary:#1e3a8a;--text-secondary:#3b82f6;--border-color:#bfdbfe;--card-bg:#ffffff;--sidebar-bg:#1e40af;--sidebar-text:#dbeafe;--sidebar-heading:#93c5fd;--header-bg:#dbeafe;--button-bg:#ffffff;--button-hover-bg:#eff6ff;--button-active-bg:#2563eb;--button-active-text:#ffffff;--input-bg:#eff6ff;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(219,234,254,0.4);--login-border-color:rgba(191,219,254,0.6);--login-button-bg:#1e40af;--login-button-text:#ffffff}body.theme-minimalist{--background:#ffffff;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#f3f4f6;--card-bg:#ffffff;--sidebar-bg:#ffffff;--sidebar-text:#374151;--sidebar-heading:#9ca3af;--header-bg:#ffffff;--button-bg:#ffffff;--button-hover-bg:#f9fafb;--button-active-bg:#1f2937;--button-active-text:#ffffff;--input-bg:#f9fafb;--login-card-bg:rgba(255,255,255,0.75);--login-input-bg:rgba(243,244,246,0.4);--login-border-color:rgba(229,231,235,0.6);--login-button-bg:#1f2937;--login-button-text:#ffffff}body.theme-classic{--background:#fefce8;--text-primary:#44403c;--text-secondary:#78716c;--border-color:#e7e5e4;--card-bg:#ffffff;--sidebar-bg:#292524;--sidebar-text:#e7e5e4;--sidebar-heading:#a8a29e;--header-bg:#fafaf9;--button-bg:#ffffff;--button-hover-bg:#f5f5f4;--button-active-bg:#57534e;--button-active-text:#ffffff;--input-bg:#fefce8;--login-card-bg:rgba(255,255,250,0.75);--login-input-bg:rgba(245,245,244,0.4);--login-border-color:rgba(231,229,228,0.6);--login-button-bg:#57534e;--login-button-text:#ffffff}.bg-background{}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.border-separator{border-color:var(--border-color)}.bg-card{background-color:var(--card-bg)}.bg-sidebar{background-color:var(--sidebar-bg)}.text-sidebar-text{color:var(--sidebar-text)}.text-sidebar-heading{color:var(--sidebar-heading)}.bg-header-bg{background-color:var(--header-bg)}.bg-input{background-color:var(--input-bg)}.nav-btn{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;border-radius:0.5rem;font-weight:500;text-align:left;transition:background-color 0.2s,color 0.2s;background-color:transparent;border:none;color:var(--sidebar-text)}#header-horizontal .nav-btn{background-color:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05)}#header-horizontal .nav-btn:hover{background-color:var(--button-hover-bg)}.nav-btn:hover{background-color:rgba(255,255,255,0.1)}body.theme-minimalist .nav-btn:hover{background-color:#f3f4f6;color:var(--text-primary)}.nav-btn.active{color:var(--button-active-text)}.nav-btn-redesigned{display:inline-flex;align-items:center;gap:0.75rem;padding:0.625rem 0.875rem;border-radius:0.75rem;font-weight:600;line-height:1.25rem;border:1px solid transparent;background-color:transparent;color:var(--sidebar-text,#d1d5db);transition:background-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease,transform 0.05s ease}#sidebar .nav-btn-redesigned:hover{background-color:rgba(255,255,255,0.08)}body.theme-minimalist #sidebar .nav-btn-redesigned:hover{background-color:#f3f4f6;color:var(--text-primary)}#header-horizontal .nav-btn.nav-btn-redesigned{background-color:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);transition:all 0.2s ease}#header-horizontal .nav-btn.nav-btn-redesigned:hover{background-color:var(--button-hover-bg);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}#sidebar .nav-btn-redesigned.active{color:var(--button-active-text)}#header-horizontal .nav-btn.nav-btn-redesigned.active{color:var(--button-active-text);transform:translateY(0);box-shadow:none}.nav-btn-redesigned i{width:1rem;text-align:center}.group-chip{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:0.75rem;padding:0.5rem;box-shadow:0 1px 2px rgba(0,0,0,0.04)}.group-chip-title{display:inline-block;font-size:0.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin:0 0.5rem 0.5rem 0.25rem}#header-horizontal .group-chip .nav-btn-redesigned{margin:0.25rem;padding:0.5rem 0.75rem}#header-horizontal .group-chip .nav-btn-redesigned i{width:0.95rem}#header-horizontal .navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--card-bg);padding:0 2rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.05);height:70px}#header-horizontal .nav-logo{font-size:1.25rem;font-weight:700;color:var(--text-primary)}#header-horizontal .nav-menu{list-style:none;display:flex;gap:1rem;margin:0;padding:0;height:100%}#header-horizontal .nav-menu>li{display:flex;align-items:center;position:relative}#header-horizontal .nav-menu a{color:var(--text-secondary);text-decoration:none;font-size:0.95rem;font-weight:600;padding:10px 16px;border-radius:8px;position:relative;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;gap:.25rem}#header-horizontal .dropdown{position:relative}#header-horizontal .dropdown-menu{display:none;position:absolute;top:60px;left:0;background-color:var(--card-bg);border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,0.1);list-style:none;padding:.5rem 0;margin:0;min-width:220px;z-index:60;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;border:1px solid var(--border-color)}#header-horizontal .dropdown:hover>.dropdown-menu{display:block;opacity:1;visibility:visible;transform:translateY(0)}#header-horizontal .dropdown-menu li{width:100%}#header-horizontal .dropdown-menu a{padding:.75rem 1.25rem;width:calc(100% - 2.5rem);border-radius:6px;margin:.25rem .5rem;display:block}#header-horizontal .user-profile{display:flex;align-items:center;gap:.75rem}#header-horizontal .user-icon{width:36px;height:36px;border-radius:50%;background-color:color-mix(in srgb,var(--text-secondary) 15%,transparent);display:flex;align-items:center;justify-content:center;overflow:hidden}#header-horizontal .notification-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}#header-horizontal .notification-btn:hover{background-color:color-mix(in srgb,var(--button-active-bg) 10%,transparent)}#header-horizontal .group-chip,#header-horizontal .group-chip-content,#header-horizontal .group-chip-title{all:unset}#product-picker .product-picker-item:hover,#modal-container .selection-modal-item:hover{background-color:var(--button-active-bg) !important;color:var(--button-active-text) !important}#product-picker .product-picker-item:hover *,#modal-container .selection-modal-item:hover *{color:var(--button-active-text) !important}#modal-container .perm-chip{border-radius:9999px}#modal-container .perm-section+.perm-section{border-top:1px dashed var(--border-color);padding-top:0.5rem}#modal-container .toolbar-btn{background-color:var(--button-bg)}#modal-container .toolbar-btn:hover{background-color:var(--button-hover-bg)}#modal-container>.p-4:nth-child(2){max-height:80vh;overflow:auto}.hidden{display:none}#sidebar-nav-container{scrollbar-width:none !important;-ms-overflow-style:none !important}#sidebar-nav-container::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}#sidebar-nav-container::-webkit-scrollbar-track{display:none !important}#sidebar-nav-container::-webkit-scrollbar-thumb{display:none !important;width:0 !important;height:0 !important}#sidebar.collapsed{width:4.5rem}#sidebar.collapsed .sidebar-text{display:none}#sidebar.collapsed .sidebar-logo{margin-left:auto;margin-right:auto}#sidebar.collapsed .nav-btn{justify-content:center}#sidebar.collapsed .nav-btn svg{margin-right:0}#sidebar.collapsed #sidebar-toggle-btn svg{transform:rotate(180deg)}#main-content-wrapper.sidebar-collapsed{margin-left:4.5rem}.tab-btn{padding:0.5rem 1rem;cursor:pointer;border-bottom:2px solid transparent;font-weight:500;color:var(--text-secondary);transition:all 0.2s ease-in-out}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--button-active-text);border-bottom:2px solid var(--button-active-bg)}#video-background{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-2;transform:translateX(-50%) translateY(-50%);background-size:cover}#video-background iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;transform:translateX(-50%) translateY(-50%)}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:-1}.login-card{background-color:var(--login-card-bg);border-color:var(--login-border-color)}@keyframes fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in 0.5s ease-out forwards}.input-group{position:relative}.form-input{width:100%;border-radius:0.75rem;padding:0.75rem 1rem;border:1px solid var(--login-border-color);background-color:var(--login-input-bg);color:var(--text-primary);transition:all 0.2s ease}.form-input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--button-active-bg) 30%,transparent)}.form-label{position:absolute;left:1rem;top:0.75rem;color:var(--text-secondary);pointer-events:none;transition:all 0.2s ease}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{top:-0.65rem;left:0.75rem;font-size:0.75rem;padding:0 0.25rem;background-color:var(--card-bg)}.form-input:-webkit-autofill+.form-label{top:-0.65rem;left:0.75rem;font-size:0.75rem;padding:0 0.25rem;background-color:var(--card-bg)}.login-button{margin-top:1rem;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border-radius:9999px;border:1px solid transparent;padding:0.75rem 1rem;font-size:0.875rem;font-weight:500;transition:all 0.2s;background-color:var(--login-button-bg);color:var(--login-button-text);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.1)}.spinner{animation:rotate 2s linear infinite;width:20px;height:20px}.path{stroke:currentColor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.keypad-container{margin-top:auto}.keypad-btn,.keypad-btn-special,.keypad-btn-delete{@apply w-full h-12 flex items-center justify-center rounded-2xl text-lg font-semibold transition-all duration-150 shadow;background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.keypad-btn:hover,.keypad-btn-special:hover:hover,.keypad-btn-delete:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05);background-color:var(--button-hover-bg)}.keypad-btn:active,.keypad-btn-special:active:active,.keypad-btn-delete:active{transform:scale(0.98) translateY(0);box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.keypad-btn-delete{background-color:#fee2e2;color:#b91c1c}body.theme-dark .keypad-btn-delete{background-color:#7f1d1d;color:#fecaca}.keypad-btn-special{font-size:0.875rem;padding-left:0.5rem;padding-right:0.5rem}#current-client-name{max-width:100px}.order-item-row[data-selected="true"]{color:var(--button-active-text)}.category-container::-webkit-scrollbar{height:6px}.category-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.category-filter-btn{padding:0.375rem 0.75rem;border-radius:9999px;font-size:0.875rem;font-weight:600;border-width:2px;transition:all 0.2s ease-in-out;display:inline-flex;align-items:center;gap:0.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);flex-shrink:0;border-color:transparent;background-color:var(--button-hover-bg);color:var(--text-secondary)}.category-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)}.category-filter-btn.active{color:var(--button-active-text) !important;border-color:var(--button-active-bg) !important;box-shadow:none;transform:none}.category-filter-btn.active img,.category-filter-btn.active .icon-placeholder{border:2px solid var(--card-bg)}.category-filter-btn img,.category-filter-btn .icon-placeholder{width:1.75rem;height:1.75rem;border-radius:0.5rem;object-fit:cover;background-color:#d1d5db;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.875rem;flex-shrink:0}.time-separator-row td{border-top:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color);padding-top:0.5rem;padding-bottom:0.5rem}.color-swatch{transition:transform 0.1s ease-in-out}.color-swatch.selected{transform:scale(1.1);box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px var(--button-active-bg)}:root,body.theme-light{--muted-panel-bg:#f9fafb}body.theme-dark{--muted-panel-bg:#2b3440}body.theme-blue{--muted-panel-bg:#eff6ff}body.theme-minimalist{--muted-panel-bg:#f9fafb}body.theme-classic{--muted-panel-bg:#fafaf9}.card{background-color:var(--card-bg);border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:clamp(1rem,2vw,2rem)}.section-header{display:flex;align-items:center;gap:0.75rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.totals-panel{background-color:var(--muted-panel-bg);border-radius:0.75rem;padding:1.5rem}.input-modern{width:100%;border-radius:0.75rem;padding:0.5rem 0.75rem;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);transition:all 0.2s ease}.input-modern:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--button-active-bg) 30%,transparent)}.table-modern th,.table-custom th{background-color:#f9fafb;color:var(--text-secondary);font-weight:600}body.theme-dark .table-modern th,body.theme-dark .table-custom th{background-color:#374151}.table-modern td,.table-modern th,.table-custom td,.table-custom th{padding:1rem}.table-modern tbody tr,.table-custom tbody tr{border-top:1px solid var(--border-color)}.badge{display:inline-flex;align-items:center;padding:0.125rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:600;border:1px solid var(--border-color)}#page-pos .pos-tab-btn{padding:0.75rem 1.5rem;font-weight:600;color:#6b7280;border-bottom:3px solid transparent;transition:all 0.2s ease-in-out}#page-pos .pos-tab-btn:hover{color:#111827}#page-pos .pos-tab-btn.active{color:#3b82f6}#page-pos .keypad-btn,#page-pos #page-pos .keypad-btn-delete{background-color:#f3f4f6;color:#1f2937;border-radius:0.75rem;padding:0.75rem;font-size:1.25rem;font-weight:600;transition:all 0.2s;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb}#page-pos .keypad-btn:hover:hover,#page-pos .keypad-btn-delete:hover{background-color:#e5e7eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05)}#page-pos .keypad-btn-special{background-color:#eef2ff;color:#3730a3;border-radius:0.75rem;padding:0.5rem;font-size:0.875rem;font-weight:600;transition:background-color 0.2s;display:flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #e0e7ff}#page-pos .keypad-btn-special:hover{background-color:#e0e7ff}#page-pos .keypad-btn-delete{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}#page-pos .keypad-btn-delete:hover{background-color:#fecaca}#page-pos .order-item-row[data-selected="true"]{background-color:#dbeafe;color:inherit}#page-pos .order-item-row[data-selected="true"] td{color:#1e40af;font-weight:600}#page-pos .product-card[disabled]{opacity:0.6;cursor:not-allowed}#page-pos .product-card[disabled]:hover{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);border-color:#e5e7eb}#page-pos .category-filter-btn{border-width:1px}#page-pos .category-filter-btn .icon-placeholder{width:1.5rem;height:1.5rem;border-radius:0.5rem}#page-pos .category-filter-btn img{width:1.5rem;height:1.5rem;object-fit:cover;border-radius:0.5rem}.hamburger-menu{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:0.5rem;padding:0.75rem;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);transition:all 0.3s ease}.hamburger-menu:hover{background-color:var(--button-hover-bg);transform:scale(1.05)}.hamburger-menu i{font-size:1.5rem;color:var(--text-primary)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:999;opacity:0;transition:opacity 0.3s ease}.sidebar-overlay.active{display:block;opacity:1}@media (max-width:1024px){.hamburger-menu{display:flex;align-items:center;justify-content:center}#sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;transition:left 0.3s ease;z-index:1000;box-shadow:2px 0 10px rgba(0,0,0,0.1)}#sidebar.mobile-open{left:0}#main-content{margin-left:0 !important;width:100%}#header{padding-left:4rem}#toggle-sidebar-btn{display:none}}@media (min-width:768px) and (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:768px){.grid{grid-template-columns:1fr !important;gap:1rem}.card{padding:1rem !important}.section-header{font-size:1.25rem;padding-bottom:1rem;margin-bottom:1rem}.tab-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tab-btn{white-space:nowrap;min-width:120px;font-size:0.875rem;padding:0.5rem 1rem}.form-row{flex-direction:column;gap:1rem}.form-group{width:100% !important}.form-actions{flex-direction:column;gap:0.5rem}.form-actions button{width:100%}.responsive-table{border:0}.responsive-table thead{display:none}.responsive-table tbody{display:block}.responsive-table tr{display:block;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:0.5rem;background-color:var(--card-bg);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.responsive-table td{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;border-bottom:1px solid var(--border-color);text-align:right}.responsive-table td:last-child{border-bottom:none}.responsive-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);text-align:left;flex:1}.responsive-table td .action-buttons{display:flex;gap:0.5rem;flex-wrap:wrap}.dashboard-stats{grid-template-columns:1fr}.chart-container{min-height:250px}.modal-content{width:95%;max-width:95%;margin:1rem;max-height:90vh;overflow-y:auto}.modal-header,.modal-footer{flex-direction:column;align-items:stretch;gap:0.5rem}.modal-header h2{font-size:1.25rem}#header{flex-wrap:wrap;padding:0.75rem 4rem 0.75rem 1rem}.header-actions{flex-wrap:wrap;gap:0.5rem}.search-container{width:100%;order:3;margin-top:0.5rem}}@media (max-width:480px){.card{padding:0.75rem !important}body{font-size:0.875rem}.section-header{font-size:1.125rem}.btn,.tab-btn,.nav-btn{font-size:0.875rem;padding:0.5rem 0.75rem}.form-input,.input-modern{font-size:0.875rem;padding:0.5rem}.grid{gap:0.75rem}#page-pos .pos-layout{flex-direction:column}#page-pos .pos-products,#page-pos .pos-cart{width:100%}#page-pos .keypad{grid-template-columns:repeat(3,1fr);gap:0.5rem}#page-pos .keypad-btn{padding:1rem 0.5rem;font-size:1rem}#page-pos .product-card{padding:0.75rem}.modal-content{width:100%;height:100%;max-height:100vh;margin:0;border-radius:0}}@media (max-width:768px){button,.btn,.tab-btn,.nav-btn,a.clickable,.action-btn{min-height:44px;min-width:44px}.icon-btn{padding:0.75rem;min-width:44px;min-height:44px}}@media (orientation:landscape) and (min-width:1025px) and (hover:hover) and (pointer:fine){#sidebar,#sidebar.neo-sidebar{width:16rem !important;max-width:16rem !important;position:fixed !important;left:0 !important;top:0 !important;bottom:0 !important;height:100% !important;min-height:100% !important;max-height:100% !important;transform:translateX(0) !important;display:flex !important;visibility:visible !important;pointer-events:auto !important;opacity:1 !important;z-index:50 !important;box-shadow:2px 0 12px rgba(0,0,0,0.08) !important}#sidebar.collapsed,#sidebar.neo-sidebar.collapsed{width:5rem !important;max-width:5rem !important}#sidebar-toggle-container,#sidebar-toggle-btn{display:block !important;visibility:visible !important;pointer-events:auto !important;height:auto !important;opacity:1 !important}#sidebar-nav-container{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}#main-content-wrapper,#sidebar:not(.collapsed) ~ #main-content-wrapper,#sidebar.neo-sidebar:not(.collapsed) ~ #main-content-wrapper{margin-left:16rem !important;margin-right:0 !important;width:calc(100% - 16rem) !important;max-width:calc(100% - 16rem) !important;min-width:0 !important;box-sizing:border-box !important}#sidebar.collapsed ~ #main-content-wrapper,#sidebar.neo-sidebar.collapsed ~ #main-content-wrapper,#main-content-wrapper.sidebar-collapsed,#main-content-wrapper.md\:ml-20,#main-content-wrapper.ml-20{margin-left:5rem !important;margin-right:0 !important;width:calc(100% - 5rem) !important;max-width:calc(100% - 5rem) !important;box-sizing:border-box !important}#main-content{width:100% !important;max-width:100% !important;min-width:0 !important;padding-bottom:2rem !important;box-sizing:border-box !important}#sidebar-backdrop,.sidebar-mobile-backdrop,.mobile-menu-overlay,#mobile-bottom-nav,#mobile-fab-menu,#mobile-more-sheet,#mobile-fab-overlay,#mobile-more-overlay{display:none !important;visibility:hidden !important;pointer-events:none !important;opacity:0 !important}#menu-toggle-topbar{display:none !important}.modal-content{max-height:95vh}}@media print{#sidebar,#header,.hamburger-menu,.sidebar-overlay,.tab-container,.form-actions,.action-buttons{display:none !important}#main-content{margin-left:0 !important;width:100% !important}.card{box-shadow:none !important;border:1px solid #000}body{background:white !important;color:black !important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}#sidebar{transition:none !important}.sidebar-overlay{transition:none !important}}@keyframes progress-stripe{from{background-position:40px 0}to{background-position:0 0}}.animate-progress-stripe{animation:progress-stripe 2s linear infinite}.subscription-badge{display:flex;align-items:center;gap:0.6rem;padding:0.5rem 1rem;border-radius:12px;font-size:0.8rem;font-weight:700;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(17,24,39,0.4);border:1px solid rgba(255,255,255,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,0.2);letter-spacing:0.01em;text-transform:uppercase}.subscription-badge:hover{transform:translateY(-2px);background-color:rgba(17,24,39,0.6);border-color:rgba(255,255,255,0.2);box-shadow:0 8px 25px rgba(0,0,0,0.3)}.subscription-badge i{font-size:1rem}.subscription-badge.status-active{background:rgba(16,185,129,0.15);color:#34d399;border-color:rgba(52,211,153,0.3);box-shadow:0 0 20px rgba(16,185,129,0.1)}.subscription-badge.status-active:hover{box-shadow:0 0 30px rgba(16,185,129,0.2)}.subscription-badge.status-warning{background:rgba(245,158,11,0.15);color:#fbbf24;border-color:rgba(251,191,36,0.3);box-shadow:0 0 20px rgba(245,158,11,0.1)}.subscription-badge.status-critical{background:rgba(244,63,94,0.2);color:#fb7185;border-color:rgba(251,113,133,0.4);box-shadow:0 0 20px rgba(244,63,94,0.1);animation:criticalPulseNeo 3s infinite}@keyframes criticalPulseNeo{0%{box-shadow:0 0 0 0 rgba(244,63,94,0.6);border-color:rgba(251,113,133,0.4)}50%{box-shadow:0 0 25px rgba(244,63,94,0.3);border-color:rgba(251,113,133,0.8)}100%{box-shadow:0 0 0 0 rgba(244,63,94,0.6);border-color:rgba(251,113,133,0.4)}}@media (max-width:768px){html,body{overflow-x:hidden !important}.table-responsive,.dataTables_wrapper,.table-container{width:100% !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.grid-responsive,.form-row-responsive{grid-template-columns:1fr !important;gap:0.75rem !important}.modal-dialog,.modal-content,.swal2-popup{max-width:95vw !important;max-height:90vh !important;overflow-y:auto !important;padding:1.25rem !important;margin:0.5rem !important}button,.btn,input[type="button"],input[type="submit"],.nav-link{min-height:42px;touch-action:manipulation}}@media (max-width:480px){.card,.panel-card{padding:1rem !important;border-radius:1rem !important}.btn{padding:0.5rem 1rem !important;font-size:0.85rem !important}}.admin-tabs-nav{display:flex;align-items:center;gap:6px;margin-bottom:2rem;padding:6px;background:rgba(248,250,252,0.8);border:1px solid rgba(226,232,240,0.8);border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,0.05);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;white-space:nowrap}.admin-tabs-nav::-webkit-scrollbar{display:none}.dark .admin-tabs-nav{background:rgba(30,41,59,0.6);border-color:rgba(51,65,85,0.8)}.tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:none;cursor:pointer;font-size:0.78rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;transition:all 0.2s ease;outline:none;line-height:1}.tab-btn:active{transform:scale(0.96)}.tab-btn-icon{font-size:0.82rem;flex-shrink:0}.tab-btn-label{display:inline-block}.tab-btn-active{background:linear-gradient(135deg,#0891b2,#0e7490);color:#ffffff;box-shadow:0 4px 16px rgba(8,145,178,0.35),0 1px 3px rgba(0,0,0,0.15)}.tab-btn-active .tab-btn-icon{opacity:1}.tab-btn-inactive{background:transparent;color:#64748b}.tab-btn-inactive:hover{background:rgba(241,245,249,1);color:#1e293b}.tab-btn-inactive .tab-btn-icon{opacity:0.65}.dark .tab-btn-inactive{color:#94a3b8}.dark .tab-btn-inactive:hover{background:rgba(51,65,85,0.6);color:#f1f5f9}.subscription-badge.status-warning{background:rgba(245,158,11,0.15);color:#fbbf24;border-color:rgba(251,191,36,0.3);box-shadow:0 0 20px rgba(245,158,11,0.1)}.subscription-badge.status-critical{background:rgba(244,63,94,0.2);color:#fb7185;border-color:rgba(251,113,133,0.4);box-shadow:0 0 20px rgba(244,63,94,0.1);animation:criticalPulseNeo 3s infinite}@keyframes criticalPulseNeo{0%{box-shadow:0 0 0 0 rgba(244,63,94,0.6);border-color:rgba(251,113,133,0.4)}50%{box-shadow:0 0 25px rgba(244,63,94,0.3);border-color:rgba(251,113,133,0.8)}100%{box-shadow:0 0 0 0 rgba(244,63,94,0.6);border-color:rgba(251,113,133,0.4)}}@media (max-width:768px){html,body{overflow-x:hidden !important}.table-responsive,.dataTables_wrapper,.table-container{width:100% !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.grid-responsive,.form-row-responsive{grid-template-columns:1fr !important;gap:0.75rem !important}.modal-dialog,.modal-content,.swal2-popup{max-width:95vw !important;max-height:90vh !important;overflow-y:auto !important;padding:1.25rem !important;margin:0.5rem !important}button,.btn,input[type="button"],input[type="submit"],.nav-link{min-height:42px;touch-action:manipulation}}@media (max-width:480px){.card,.panel-card{padding:1rem !important;border-radius:1rem !important}.btn{padding:0.5rem 1rem !important;font-size:0.85rem !important}}.admin-tabs-nav{display:flex;align-items:center;gap:6px;margin-bottom:2rem;padding:6px;background:rgba(248,250,252,0.8);border:1px solid rgba(226,232,240,0.8);border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,0.05);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;white-space:nowrap}.admin-tabs-nav::-webkit-scrollbar{display:none}.dark .admin-tabs-nav{background:rgba(30,41,59,0.6);border-color:rgba(51,65,85,0.8)}.tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:none;cursor:pointer;font-size:0.78rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;transition:all 0.2s ease;outline:none;line-height:1}.tab-btn:active{transform:scale(0.96)}.tab-btn-icon{font-size:0.82rem;flex-shrink:0}.tab-btn-label{display:inline-block}.tab-btn-active{background:linear-gradient(135deg,#0891b2,#0e7490);color:#ffffff;box-shadow:0 4px 16px rgba(8,145,178,0.35),0 1px 3px rgba(0,0,0,0.15)}.tab-btn-active .tab-btn-icon{opacity:1}.tab-btn-inactive{background:transparent;color:#64748b}.tab-btn-inactive:hover{background:rgba(241,245,249,1);color:#1e293b}.tab-btn-inactive .tab-btn-icon{opacity:0.65}.dark .tab-btn-inactive{color:#94a3b8}.dark .tab-btn-inactive:hover{background:rgba(51,65,85,0.6);color:#f1f5f9}@media (max-width:900px){.admin-tabs-nav{border-radius:14px;padding:5px;gap:4px}.tab-btn{padding:9px 14px;font-size:0.72rem}}@media (max-width:640px){.tab-btn-label{display:none}.tab-btn{padding:10px 12px;gap:0}.tab-btn-icon{font-size:1rem;opacity:1 !important}}.dynamic-header-gradient input[type="date"],.dynamic-header-gradient input[type="month"],.dynamic-header-gradient input[type="time"],.dynamic-header-gradient input[type="datetime-local"],.header-date-input,input[type="date"].bg-transparent,input[type="date"].\!bg-transparent,input[type="month"].bg-transparent,input[type="month"].\!bg-transparent,input[type="time"].bg-transparent,input[type="time"].\!bg-transparent,input[type="datetime-local"].bg-transparent,input[type="datetime-local"].\!bg-transparent{background:transparent !important;background-color:transparent !important;color:#ffffff !important;color-scheme:dark !important;border:none !important;box-shadow:none !important;outline:none !important}.dynamic-header-gradient input[type="date"]::-webkit-datetime-edit,.dynamic-header-gradient input[type="month"]::-webkit-datetime-edit,.dynamic-header-gradient input[type="time"]::-webkit-datetime-edit,.dynamic-header-gradient input[type="datetime-local"]::-webkit-datetime-edit,input[type="date"].bg-transparent::-webkit-datetime-edit,input[type="date"].\!bg-transparent::-webkit-datetime-edit,input[type="month"].bg-transparent::-webkit-datetime-edit,input[type="month"].\!bg-transparent::-webkit-datetime-edit,input[type="date"].bg-transparent::-webkit-datetime-edit-fields-wrapper,input[type="date"].\!bg-transparent::-webkit-datetime-edit-fields-wrapper,input[type="month"].bg-transparent::-webkit-datetime-edit-fields-wrapper,input[type="month"].\!bg-transparent::-webkit-datetime-edit-fields-wrapper,input[type="date"].bg-transparent::-webkit-datetime-edit-text,input[type="date"].\!bg-transparent::-webkit-datetime-edit-text,input[type="month"].bg-transparent::-webkit-datetime-edit-text,input[type="month"].\!bg-transparent::-webkit-datetime-edit-text,input[type="date"].bg-transparent::-webkit-datetime-edit-month-field,input[type="date"].\!bg-transparent::-webkit-datetime-edit-month-field,input[type="month"].bg-transparent::-webkit-datetime-edit-month-field,input[type="month"].\!bg-transparent::-webkit-datetime-edit-month-field,input[type="date"].bg-transparent::-webkit-datetime-edit-day-field,input[type="date"].\!bg-transparent::-webkit-datetime-edit-day-field,input[type="date"].bg-transparent::-webkit-datetime-edit-year-field,input[type="date"].\!bg-transparent::-webkit-datetime-edit-year-field,input[type="month"].bg-transparent::-webkit-datetime-edit-year-field,input[type="month"].\!bg-transparent::-webkit-datetime-edit-year-field{background:transparent !important;background-color:transparent !important;color:inherit !important}.dynamic-header-gradient input[type="date"]::-webkit-calendar-picker-indicator,.dynamic-header-gradient input[type="month"]::-webkit-calendar-picker-indicator,.dynamic-header-gradient input[type="time"]::-webkit-calendar-picker-indicator,.dynamic-header-gradient input[type="datetime-local"]::-webkit-calendar-picker-indicator,input[type="date"].bg-transparent::-webkit-calendar-picker-indicator,input[type="date"].\!bg-transparent::-webkit-calendar-picker-indicator,input[type="month"].bg-transparent::-webkit-calendar-picker-indicator,input[type="month"].\!bg-transparent::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.5) !important;cursor:pointer !important;opacity:0.9 !important}html.dark input[type="date"],html.dark input[type="month"],html.dark input[type="time"],html.dark input[type="datetime-local"]{color-scheme:dark !important}.max-w-xs{max-width:20rem !important}.max-w-sm{max-width:24rem !important}.max-w-md{max-width:28rem !important}.max-w-lg{max-width:32rem !important}.max-w-xl{max-width:36rem !important}.max-w-2xl{max-width:42rem !important}.max-w-3xl{max-width:48rem !important}.max-w-4xl{max-width:56rem !important}.max-w-5xl{max-width:64rem !important}.max-w-6xl{max-width:72rem !important}.max-w-7xl{max-width:80rem !important}#modal-backdrop{padding:1rem;box-sizing:border-box}#modal-container{margin:auto !important;box-sizing:border-box !important;width:100% !important;max-width:min(94vw,42rem)}#modal-container.max-w-xs{max-width:min(94vw,20rem) !important}#modal-container.max-w-sm{max-width:min(94vw,24rem) !important}#modal-container.max-w-md{max-width:min(94vw,28rem) !important}#modal-container.max-w-lg{max-width:min(94vw,32rem) !important}#modal-container.max-w-xl{max-width:min(94vw,36rem) !important}#modal-container.max-w-2xl{max-width:min(94vw,42rem) !important}#modal-container.max-w-3xl{max-width:min(94vw,48rem) !important}#modal-container.max-w-4xl{max-width:min(94vw,56rem) !important}#modal-container.max-w-5xl{max-width:min(94vw,64rem) !important}#modal-container.max-w-6xl{max-width:min(94vw,72rem) !important}#modal-container.max-w-7xl{max-width:min(94vw,80rem) !important}html.pos-active,html.cocina-active,body.pos-active,body.cocina-active{height:100% !important;min-height:100% !important;max-height:100% !important;overflow:hidden !important;margin:0 !important;padding:0 !important}body.pos-active #app-container,body.cocina-active #app-container,html.pos-active #app-container,html.cocina-active #app-container{height:100% !important;max-height:100% !important;min-height:100% !important;overflow:hidden !important;display:flex !important;flex-direction:column !important}body.pos-active #main-content-wrapper,body.cocina-active #main-content-wrapper,html.pos-active #main-content-wrapper,html.cocina-active #main-content-wrapper{height:100% !important;max-height:100% !important;min-height:0 !important;flex:1 1 0% !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}body.pos-active #top-bar,body.cocina-active #top-bar{flex:0 0 3.5rem !important;height:3.5rem !important;max-height:3.5rem !important;min-height:3.5rem !important}body.pos-active #main-content,body.cocina-active #main-content{padding-top:4px !important;padding-bottom:4px !important;padding-left:8px !important;padding-right:8px !important;margin:0 !important;overflow:hidden !important;height:100% !important;max-height:100% !important;min-height:0 !important;flex:1 1 0% !important;display:flex !important;flex-direction:column !important;box-sizing:border-box !important}body.pos-active #page-pos-fast:not(.hidden),body.pos-active #page-pos:not(.hidden),body.cocina-active #page-cocina:not(.hidden){padding:0 !important;margin:0 !important;overflow:hidden !important;width:100% !important;height:100% !important;flex:1 1 0% !important;min-height:0 !important;max-height:100% !important;display:flex !important;flex-direction:column !important;box-sizing:border-box !important}body:not(.pos-active):not(.cocina-active):not(.modal-open) #main-content{overflow-y:auto !important;overflow-x:hidden !important;height:auto !important;max-height:none !important;min-height:0 !important}body:not(.pos-active):not(.cocina-active):not(.modal-open) #main-content-wrapper,body:not(.pos-active):not(.cocina-active):not(.modal-open) #app-container{overflow-y:visible !important;height:auto !important;max-height:none !important;min-height:100vh !important}html:not(.pos-active):not(.cocina-active):not(.modal-open),body:not(.pos-active):not(.cocina-active):not(.modal-open){overflow-y:auto !important;height:auto !important;min-height:100% !important}html.modal-open,body.modal-open,html:has(#modal-backdrop:not(.hidden)),body:has(#modal-backdrop:not(.hidden)),html:has(div[id*="modal"][class*="fixed"]:not(.hidden)),body:has(div[id*="modal"][class*="fixed"]:not(.hidden)),html:has(.modal-card-standard),body:has(.modal-card-standard){overflow:hidden !important;overflow-y:hidden !important;overflow-x:hidden !important;overscroll-behavior:none !important}body.modal-open #main-content,body.modal-open #main-content-wrapper,body.modal-open #app-container,body:has(#modal-backdrop:not(.hidden)) #main-content,body:has(#modal-backdrop:not(.hidden)) #main-content-wrapper,body:has(#modal-backdrop:not(.hidden)) #app-container{overflow:hidden !important;overflow-y:hidden !important;overflow-x:hidden !important;overscroll-behavior:none !important}#modal-backdrop,.modal-backdrop-standard,[id*="modal-backdrop"],#modal-container,.modal-card-standard,.modal-card,.modal-body,[id*="modal"] .modal-body,[id*="modal"] .overflow-y-auto,.modal-body .overflow-y-auto,div[id*="modal"] div[class*="overflow-y-auto"],div[id*="modal"] div[class*="overflow-auto"]{overscroll-behavior:contain !important;-webkit-overflow-scrolling:touch}body.pos-active,body.cocina-active{overflow-y:hidden !important}body.pos-active #footer-modern-adapter,body.cocina-active #footer-modern-adapter{display:none !important;visibility:hidden !important;pointer-events:none !important}#page-pos:not(.hidden),#page-pos-fast:not(.hidden),body.pos-active #page-pos:not(.hidden),body.pos-active #page-pos-fast:not(.hidden),.pos-main-wrapper{width:100% !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;gap:0.375rem !important;overflow:hidden !important}#page-pos.hidden,#page-pos-fast.hidden,#page-mesas.hidden,#page-ordenes.hidden,#page-cocina.hidden,body.pos-active #page-pos.hidden,body.pos-active #page-pos-fast.hidden,body.cocina-active #page-cocina.hidden,#main-content > .page-content.hidden{display:none !important;height:0 !important;max-height:0 !important;min-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden !important;visibility:hidden !important;pointer-events:none !important}body.pos-active .pos-main-wrapper #pos-content-wrapper{flex:1 1 0% !important;min-height:0 !important;height:100% !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}body.pos-active .pos-main-wrapper #tab-registrar:not(.hidden){flex:1 1 0% !important;min-height:0 !important;height:100% !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}body.pos-active .pos-main-wrapper #tab-mesas:not(.hidden),body.pos-active .pos-main-wrapper #tab-ordenes:not(.hidden){flex:1 1 0% !important;min-height:0 !important;height:100% !important;display:block !important;overflow-y:auto !important;overflow-x:hidden !important}body.pos-active .pos-main-wrapper .pos-tab-pane.hidden,body.pos-active .pos-main-wrapper .pos-tab-pane[style].hidden{display:none !important;height:0 !important;max-height:0 !important;overflow:hidden !important;visibility:hidden !important}body.pos-active .pos-main-wrapper #tab-registrar > div{display:flex !important;flex-direction:row !important;flex:1 1 0% !important;height:100% !important;min-height:0 !important;gap:0.5rem !important;overflow:hidden !important}body.pos-active .pos-main-wrapper #catalog-area-container{flex:68 1 0% !important;width:68% !important;height:100% !important;min-height:0 !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}body.pos-active .pos-main-wrapper #order-area-container{flex:32 1 0% !important;width:32% !important;height:100% !important;min-height:0 !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}body.pos-active .pos-main-wrapper #catalog-area-container > div,body.pos-active .pos-main-wrapper #order-area-container > div{flex:1 1 0% !important;height:100% !important;min-height:0 !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}body.pos-active .pos-main-wrapper #product-gallery,body.pos-active .pos-main-wrapper #pos-order-items{flex:1 1 0% !important;min-height:0 !important;overflow-y:auto !important}body.pos-active .pos-main-wrapper #tab-ordenes:not(.hidden){flex:1 1 0% !important;min-height:0 !important;height:100% !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}body.pos-active .pos-main-wrapper #tab-ordenes .orders-scroll-area{flex:1 1 0% !important;min-height:0 !important;overflow-y:auto !important;padding:0.25rem !important}body.pos-active .pos-main-wrapper #tab-ordenes .order-grid-container{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;gap:0.5rem !important;align-content:start !important;height:auto !important;min-height:0 !important;width:100% !important}.kitchen-monitor-wrapper{width:100% !important;height:100% !important;flex:1 1 0% !important;min-height:0 !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;gap:0.375rem !important;padding:0 !important;margin:0 !important;box-sizing:border-box !important}.kitchen-monitor-wrapper > .dynamic-header-gradient{flex-shrink:0 !important}#kitchen-main-board{flex:1 1 0% !important;min-height:0 !important;height:100% !important;overflow-y:auto !important;overflow-x:hidden !important;padding:0.125rem !important;box-sizing:border-box !important}.kitchen-cards-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;gap:0.5rem !important;align-content:start !important;width:100% !important;height:auto !important;min-height:0 !important}.kitchen-kanban-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0.5rem !important;height:100% !important;min-height:0 !important;flex:1 1 0% !important}.kitchen-kanban-col{display:flex !important;flex-direction:column !important;height:100% !important;min-height:0 !important;overflow:hidden !important}.kitchen-kanban-col-cards{flex:1 1 0% !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;display:flex !important;flex-direction:column !important;gap:0.5rem !important;padding-right:0.25rem !important;scrollbar-width:thin !important}.kitchen-kanban-col-cards::-webkit-scrollbar{width:5px !important}.kitchen-kanban-col-cards::-webkit-scrollbar-track{background:transparent !important}.kitchen-kanban-col-cards::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.4) !important;border-radius:9999px !important}.kitchen-kanban-col-cards::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,0.7) !important}.kitchen-kanban-col-cards > .order-card,.order-card{flex-shrink:0 !important;box-sizing:border-box !important}@media (max-width:640px){.kitchen-cards-grid,body.pos-active .pos-main-wrapper #tab-ordenes .order-grid-container{grid-template-columns:repeat(auto-fill,minmax(170px,1fr)) !important;gap:0.375rem !important}}@media (max-width:768px){body.pos-active .pos-main-wrapper #tab-registrar > div{flex-direction:column !important}body.pos-active .pos-main-wrapper #catalog-area-container,body.pos-active .pos-main-wrapper #order-area-container{width:100% !important}}body.pos-active .ai-chatbot-widget,body.cocina-active .ai-chatbot-widget,.pos-active .ai-chatbot-widget,.cocina-active .ai-chatbot-widget,.ai-chatbot-widget.ai-chatbot-hidden{display:none !important;visibility:hidden !important;pointer-events:none !important}.keypad-btn-mode,#page-pos .keypad-btn-mode,#page-pos-fast .keypad-btn-mode{height:2.125rem !important;min-height:2.125rem !important;max-height:2.125rem !important;padding:0.25rem 0.5rem !important;font-size:0.6875rem !important;font-weight:800 !important;letter-spacing:0.04em !important;text-transform:uppercase !important;border-radius:0.5rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:0.375rem !important;cursor:pointer !important;user-select:none !important;transition:all 0.15s cubic-bezier(0.4,0,0.2,1) !important;border-width:1.5px !important;border-style:solid !important}.keypad-btn-mode:not(.active),#page-pos .keypad-btn-mode:not(.active),#page-pos-fast .keypad-btn-mode:not(.active){background-color:#ffffff !important;color:#334155 !important;border-color:#cbd5e1 !important;box-shadow:0 1px 2px rgba(0,0,0,0.05) !important}.keypad-btn-mode:not(.active):hover,#page-pos .keypad-btn-mode:not(.active):hover,#page-pos-fast .keypad-btn-mode:not(.active):hover{background-color:#f8fafc !important;border-color:#94a3b8 !important;transform:translateY(-1px) !important;box-shadow:0 2px 4px rgba(0,0,0,0.08) !important}html.dark .keypad-btn-mode:not(.active),html.dark #page-pos .keypad-btn-mode:not(.active),html.dark #page-pos-fast .keypad-btn-mode:not(.active){background-color:#1e293b !important;color:#cbd5e1 !important;border-color:#334155 !important;box-shadow:0 1px 2px rgba(0,0,0,0.3) !important}html.dark .keypad-btn-mode:not(.active):hover,html.dark #page-pos .keypad-btn-mode:not(.active):hover,html.dark #page-pos-fast .keypad-btn-mode:not(.active):hover{background-color:#334155 !important;border-color:#475569 !important;color:#f1f5f9 !important}.keypad-btn-mode.mode-qty-active,.keypad-btn-mode.mode-qty.active,#page-pos .keypad-btn-mode.mode-qty-active,#page-pos .keypad-btn-mode.mode-qty.active,#page-pos-fast .keypad-btn-mode.mode-qty-active,#page-pos-fast .keypad-btn-mode.mode-qty.active{background:#0891b2 !important;background-color:#0891b2 !important;color:#ffffff !important;border-color:#0e7490 !important;box-shadow:0 2px 8px rgba(8,145,178,0.45) !important}.keypad-btn-mode.mode-qty-active *,.keypad-btn-mode.mode-qty.active *,#page-pos .keypad-btn-mode.mode-qty-active *,#page-pos .keypad-btn-mode.mode-qty.active *,#page-pos-fast .keypad-btn-mode.mode-qty-active *,#page-pos-fast .keypad-btn-mode.mode-qty.active *{color:#ffffff !important}.keypad-btn-mode.mode-discount-active,.keypad-btn-mode.mode-discount.active,#page-pos .keypad-btn-mode.mode-discount-active,#page-pos .keypad-btn-mode.mode-discount.active,#page-pos-fast .keypad-btn-mode.mode-discount-active,#page-pos-fast .keypad-btn-mode.mode-discount.active{background:#d97706 !important;background-color:#d97706 !important;color:#ffffff !important;border-color:#b45309 !important;box-shadow:0 2px 8px rgba(217,119,6,0.45) !important}.keypad-btn-mode.mode-discount-active *,.keypad-btn-mode.mode-discount.active *,#page-pos .keypad-btn-mode.mode-discount-active *,#page-pos .keypad-btn-mode.mode-discount.active *,#page-pos-fast .keypad-btn-mode.mode-discount-active *,#page-pos-fast .keypad-btn-mode.mode-discount.active *{color:#ffffff !important}.keypad-btn-mode.mode-price-active,.keypad-btn-mode.mode-price.active,#page-pos .keypad-btn-mode.mode-price-active,#page-pos .keypad-btn-mode.mode-price.active,#page-pos-fast .keypad-btn-mode.mode-price-active,#page-pos-fast .keypad-btn-mode.mode-price.active{background:#e11d48 !important;background-color:#e11d48 !important;color:#ffffff !important;border-color:#be123c !important;box-shadow:0 2px 8px rgba(225,29,72,0.45) !important}.keypad-btn-mode.mode-price-active *,.keypad-btn-mode.mode-price.active *,#page-pos .keypad-btn-mode.mode-price-active *,#page-pos .keypad-btn-mode.mode-price.active *,#page-pos-fast .keypad-btn-mode.mode-price-active *,#page-pos-fast .keypad-btn-mode.mode-price-active *{color:#ffffff !important}

#toast-notifications-container{position:fixed !important;top:16px !important;right:16px !important;z-index:99999 !important;pointer-events:none !important;display:flex !important;flex-direction:column !important;gap:8px !important;width:auto !important;max-width:384px !important;margin:0 !important;padding:0 !important;border:none !important}#toast-notifications-container>*{pointer-events:auto !important}:is(html,body) :is(button,a,.btn,[role="button"]):is(.bg-white,[class~="bg-white"],.btn-new-product,#btn-new-product):not([class*="dark:bg-"]):not([class*="dark:bg-slate"]):not([class*="dark:bg-gray"]),:is(html,body) :is(button,a,.btn,[role="button"]):is([class*="dark:bg-white"]),:is(html,body) :is(.dynamic-header-gradient,.page-header) :is(button,a,.btn,[role="button"]):is(.bg-white,[class~="bg-white"],.btn-new-product,#btn-new-product){color:#0f172a !important;-webkit-text-fill-color:#0f172a !important}:is(html,body) :is(button,a,.btn,[role="button"]):is(.bg-white,[class~="bg-white"],.btn-new-product,#btn-new-product):not([class*="dark:bg-"]):not([class*="dark:bg-slate"]):not([class*="dark:bg-gray"]) :is(*,span,b,strong,p,div),:is(html,body) :is(button,a,.btn,[role="button"]):is([class*="dark:bg-white"]) :is(*,span,b,strong,p,div),:is(html,body) :is(.dynamic-header-gradient,.page-header) :is(button,a,.btn,[role="button"]):is(.bg-white,[class~="bg-white"],.btn-new-product,#btn-new-product) :is(*,span,b,strong,p,div){color:#0f172a !important;-webkit-text-fill-color:#0f172a !important}:is(html,body) :is(button,a,.btn,[role="button"]):is(.bg-white,[class~="bg-white"],.btn-new-product,#btn-new-product):not([class*="dark:bg-"]):not([class*="dark:bg-slate"]):not([class*="dark:bg-gray"]) i:not([class*="text-emerald"]):not([class*="text-red"]):not([class*="text-amber"]):not([class*="text-blue"]):not([class*="text-indigo"]):not([class*="text-purple"]):not([class*="text-cyan"]),:is(html,body) :is(button,a,.btn,[role="button"]):is([class*="dark:bg-white"]) i:not([class*="text-emerald"]):not([class*="text-red"]):not([class*="text-amber"]):not([class*="text-blue"]):not([class*="text-indigo"]):not([class*="text-purple"]):not([class*="text-cyan"]),:is(html,body) :is(.dynamic-header-gradient,.page-header) :is(button,a,.btn,[role="button"]):is(.bg-white,[class~="bg-white"],.btn-new-product,#btn-new-product) i:not([class*="text-emerald"]):not([class*="text-red"]):not([class*="text-amber"]):not([class*="text-blue"]):not([class*="text-indigo"]):not([class*="text-purple"]):not([class*="text-cyan"]){color:#334155 !important;-webkit-text-fill-color:#334155 !important}