body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#8b5cf6;--accent:#06b6d4;--success:#10b981;--discount:#059669;--discount-bg:#ecfdf5;--warning:#f59e0b;--danger:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.375rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-shadow:#16a34a1f}body{background:#f3f4f6;background:var(--gray-100);color:#1f2937;color:var(--gray-800);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app-container,body{min-height:100vh}.role-selection-container{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);min-height:100vh;overflow:hidden;padding:20px;position:relative}.bg-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.shape{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#6366f14d,#8b5cf633);border-radius:50%;filter:blur(40px);position:absolute}.shape-1{animation-delay:0s;height:500px;right:-100px;top:-100px;width:500px}.shape-2{animation-delay:-5s;bottom:-50px;height:400px;left:-100px;width:400px}.shape-3{animation-delay:-10s;height:300px;left:50%;top:40%;width:300px}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}.role-selection{margin:0 auto;max-width:1100px;position:relative;z-index:1}.brand-header{justify-content:space-between;padding:20px 0 40px}.brand-header,.brand-logo{align-items:center;display:flex}.brand-logo{gap:16px}.logo-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem}.logo-text h1{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}.logo-text .tagline{color:#ffffffb3;font-size:.875rem;font-weight:500}.header-time{color:#fff;text-align:right}.header-time .time{display:block;font-size:1.75rem;font-weight:600;line-height:1.2}.header-time .date{color:#ffffffb3;font-size:.875rem}.role-section{margin-bottom:40px}.section-subtitle{color:#ffffffe6;margin-bottom:24px}.role-buttons{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.role-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:none;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);cursor:pointer;overflow:hidden;padding:28px 24px;position:relative;text-align:left;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.role-button:before{border-radius:1.5rem 1.5rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:height .3s ease}.admin-role:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.staff-role:before{background:linear-gradient(90deg,#10b981,#06b6d4)}.kitchen-role:before{background:linear-gradient(90deg,#f59e0b,#ef4444)}.role-button:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 40px #6366f133;box-shadow:var(--shadow-xl),0 0 40px #6366f133;transform:translateY(-8px) scale(1.02)}.role-button:hover:before{height:6px}.role-button:active{transform:translateY(-4px) scale(1)}.role-icon-wrapper{align-items:center;border-radius:1rem;border-radius:var(--radius-xl);display:flex;height:64px;justify-content:center;margin-bottom:16px;transition:transform .3s ease;width:64px}.admin-role .role-icon-wrapper{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.staff-role .role-icon-wrapper{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.kitchen-role .role-icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fde68a)}.role-button:hover .role-icon-wrapper{transform:scale(1.1) rotate(-5deg)}.role-icon{font-size:2rem}.role-content h3{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:700;margin-bottom:4px}.role-content p{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin:0}.role-features{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.role-features span{background:#f3f4f6;background:var(--gray-100);border-radius:.5rem;border-radius:var(--radius);color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:500;padding:4px 10px}.role-arrow{color:#d1d5db;color:var(--gray-300);font-size:1.5rem;opacity:0;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease}.role-button:hover .role-arrow{color:#6366f1;color:var(--primary);opacity:1;right:16px}.info-panel{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:1rem;border-radius:var(--radius-xl);padding:24px}.info-card h4{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:16px}.status-items{display:flex;flex-direction:column;gap:8px}.status-item{align-items:center;background:#ffffff1a;border-radius:.5rem;border-radius:var(--radius);display:flex;gap:10px;padding:8px 12px;transition:background .2s ease}.status-item:hover{background:#ffffff26}.status-icon{align-items:center;border-radius:50%;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.status-success .status-icon{background:#10b981;background:var(--success);color:#fff}.status-text{color:#ffffffe6;font-size:.875rem}.tips-card ul{list-style:none;margin:0;padding:0}.tips-card li{border-bottom:1px solid #ffffff1a;color:#fffc;font-size:.875rem;padding:8px 0}.tips-card li:last-child{border-bottom:none}.tips-card li strong{color:#fff}code{background:#f4f4f4;border-radius:3px;color:#e74c3c;font-family:Courier New,monospace;padding:2px 6px}a{font-weight:500;text-decoration:none}a:hover{text-decoration:underline}.dashboard{background:#f9fafb;background:var(--gray-50);margin:0 auto;max-width:1500px;min-height:100vh}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-header h1{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:1.5rem;font-weight:700;gap:10px}.dashboard-header-actions{align-items:center;display:flex;gap:12px}.dashboard-header-actions .org-switcher-button{background:#f3f4f6;background:var(--gray-100);border-color:#d1d5db;border-color:var(--gray-300);color:#374151;color:var(--gray-700)}.dashboard-header-actions .org-switcher-button:hover{background:#e5e7eb;background:var(--gray-200);border-color:#9ca3af;border-color:var(--gray-400)}.back-button{align-items:center;background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:10px 18px;transition:all .2s ease}.back-button:hover{background:#e5e7eb;background:var(--gray-200);border-color:#9ca3af;border-color:var(--gray-400)}.tabs{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:4px;overflow-x:auto;padding:12px 24px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.tab:hover{background:#f3f4f6;background:var(--gray-100);color:#1f2937;color:var(--gray-800)}.tab.active{background:#6366f1;background:var(--primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;font-weight:600}.tab.locked{cursor:pointer;opacity:.7}.tab.locked:hover{background:#f3f4f6;background:var(--gray-100);opacity:.85}.admin-dashboard .tab.locked{position:relative}.tab .tab-icon{font-size:1rem}.tab-label{display:inline}.tab-group{background:#f3f4f6;background:var(--gray-100);border-radius:.5rem;border-radius:var(--radius);display:flex;gap:4px;margin-right:16px;padding:4px}.tab-group .tab{font-size:.8125rem;padding:8px 14px}.tab-divider{align-self:center;background:#d1d5db;background:var(--gray-300);border-radius:1px;height:24px;margin:4px 12px;width:1px}.dashboard-content{min-height:calc(100vh - 140px);padding:24px}.admin-dashboard,.dashboard-content{background:#f9fafb;background:var(--gray-50)}.admin-dashboard{min-height:100vh}.admin-dashboard .dashboard-header{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);background:linear-gradient(135deg,var(--gray-800) 0,var(--gray-900) 100%);color:#fff;display:flex;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-dashboard .dashboard-header h1{color:#fff;font-size:1.375rem;font-weight:700;margin:0}.admin-dashboard .tabs{background:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);gap:6px;padding:8px 16px}.admin-dashboard .tab{border-radius:.5rem;border-radius:var(--radius);font-size:.8125rem;font-weight:600;padding:10px 16px}.admin-dashboard .tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);box-shadow:0 2px 8px #6366f14d}.admin-dashboard .tab-content{padding:24px}.admin-dashboard .tab-content.menu-section{background:linear-gradient(180deg,#f8fafc,#f1f5f9 50%,#e2e8f0);min-height:calc(100vh - 160px);position:relative}.admin-dashboard .tab-content.menu-section h2{color:#1e293b;font-weight:700;letter-spacing:-.02em}.admin-dashboard .tab-content.menu-section input[type=text]{background:#fffffff2;border:1px solid #6366f140;border-radius:12px;box-shadow:0 2px 4px #6366f10a,inset 0 1px 2px #ffffffe6;font-size:.9375rem;padding:12px 16px;transition:all .25s ease}.admin-dashboard .tab-content.menu-section input[type=text]:focus{background:#fff;border-color:#6366f180;box-shadow:0 0 0 4px #6366f11f,0 4px 8px #6366f114;outline:none}.admin-dashboard .tab-content.menu-section input[type=text]::placeholder{color:#6b7280}.admin-dashboard .tab-content.menu-section>div>div:first-child .btn-success{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 3px 10px #8b5cf64d;color:#fff;font-weight:600;padding:12px 20px}.admin-dashboard .tab-content.menu-section>div>div:first-child .btn-success:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.admin-dashboard .tab-content.menu-section>div>div:first-child .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 3px 10px #667eea59;color:#fff;font-weight:700;padding:12px 24px}.admin-dashboard .tab-content.menu-section>div>div:first-child .btn-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 16px #764ba273;transform:translateY(-2px)}.admin-dashboard .tab-content.menu-section>div>div:nth-child(2){background:#6366f10f;border-left:3px solid #667eea;border-radius:0 8px 8px 0;color:#4338ca;font-style:italic;padding:8px 4px 8px 12px}.admin-dashboard .tab-content.menu-section:before{background:linear-gradient(180deg,#6366f10d,#0000);content:"";height:200px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.admin-dashboard .tab-content.menu-section>*{position:relative;z-index:1}.btn{align-items:center;border-radius:.5rem;border-radius:var(--radius);display:inline-flex;font-size:.875rem;gap:8px;justify-content:center;line-height:1.4;padding:10px 18px}.btn-primary{background:#6366f1;background:var(--primary);box-shadow:0 1px 3px #6366f14d}.btn-primary:hover{background:#4f46e5;background:var(--primary-dark);box-shadow:0 4px 12px #6366f166}.btn-secondary{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200);border-color:#9ca3af;border-color:var(--gray-400)}.btn-success{background:var(--success);box-shadow:0 1px 3px #10b9814d}.btn-success:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-danger{background:var(--danger);box-shadow:0 1px 3px #ef44444d}.btn-danger:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-warning{background:var(--warning);box-shadow:0 1px 3px #f59e0b4d}.btn-warning:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.btn-info{background:#06b6d4;background:var(--accent);box-shadow:0 1px 3px #06b6d44d;color:#fff}.btn-info:hover{background:#0891b2;box-shadow:0 4px 12px #06b6d466;transform:translateY(-1px)}.btn-sm{border-radius:6px;font-size:.875rem}.btn-lg{border-radius:10px;font-size:1.125rem;padding:14px 28px}.btn-outline-primary{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline-primary:hover{background:#667eea;color:#fff}.btn-outline-secondary{background:#0000;border:2px solid #6c757d;color:#6c757d}.btn-outline-secondary:hover{background:#6c757d;color:#fff}.btn-outline-success{background:#0000;border:2px solid #27ae60;color:#27ae60}.btn-outline-success:hover{background:#27ae60;color:#fff}.btn-outline-danger{background:#0000;border:2px solid #dc3545;color:#dc3545}.btn-outline-danger:hover{background:#dc3545;color:#fff}.btn-outline-warning{background:#0000;border:2px solid #ffc107;color:#ffc107}.btn-outline-warning:hover{background:#ffc107;color:#212529}.btn-outline-info{background:#0000;border:2px solid #17a2b8;color:#17a2b8}.btn-outline-info:hover{background:#17a2b8;color:#fff}.btn:disabled{box-shadow:none!important;transform:none!important}.form-control{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius);color:#1f2937;color:var(--gray-800);font-size:.875rem;padding:10px 14px;transition:all .15s ease;width:100%}.form-control:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-control::placeholder{color:#9ca3af;color:var(--gray-400)}.grid-2{grid-gap:15px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:15px}.grid-3{grid-gap:15px;grid-template-columns:repeat(3,1fr)}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);overflow:hidden;padding:24px;position:relative}.stat-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.stat-card:first-child:before{background:#6366f1;background:var(--primary)}.stat-card:nth-child(2):before{background:#f59e0b;background:var(--warning)}.stat-card:nth-child(3):before{background:#10b981;background:var(--success)}.stat-card:nth-child(4):before{background:#06b6d4;background:var(--accent)}.stat-card h3{color:#6b7280;color:var(--gray-500);font-size:.8125rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-card .value{color:#1f2937;color:var(--gray-800);font-size:2rem;font-weight:700;line-height:1.2}.stat-card .stat-icon{font-size:2rem;opacity:.2;position:absolute;right:20px;top:20px}.menu-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:8px}.menu-item-card{background:linear-gradient(145deg,#fff,#f8fafc 50%,#f1f5f9);border:1px solid #6366f126;border-radius:12px;box-shadow:0 2px 8px #6366f10f,0 1px 3px #6366f10a,inset 0 1px 0 #ffffffe6;display:flex;flex-direction:column;overflow:hidden;padding:0 10px 10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-item-card .btn,.menu-item-card>div:last-child{margin-top:auto}.menu-item-card:before{background:linear-gradient(90deg,#818cf8,#667eea 25%,#764ba2 50%,#667eea 75%,#818cf8);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.menu-item-card:hover{background:linear-gradient(145deg,#fff,#fafbff 50%,#f5f7ff);border-color:#6366f159;box-shadow:0 8px 20px #6366f11f,0 3px 8px #6366f114,inset 0 1px 0 #fff;transform:translateY(-2px)}.menu-item-card:hover:before{opacity:1}.menu-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:.9rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:4px;min-height:2.4em;overflow:hidden;text-overflow:ellipsis}.menu-item-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:1.1rem;font-weight:800;margin-bottom:8px}.menu-item-ingredients{border-top:1px solid #6366f126;color:#4338ca;font-size:.875rem;line-height:1.6;margin-top:8px;padding:10px 0}.menu-item-card .btn{border-radius:10px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.menu-item-card .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 6px #667eea4d;color:#fff}.menu-item-card .btn-primary:hover{background:linear-gradient(135deg,#764ba2,#6d28d9);box-shadow:0 4px 12px #764ba266;transform:translateY(-2px)}.menu-item-card .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 2px 6px #ef444440;color:#fff}.menu-item-card .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc262659;transform:translateY(-2px)}.combos-grid .menu-item-card{background:linear-gradient(145deg,#fff,#f8fafc 50%,#f1f5f9);border:1px solid #6366f133;display:flex;flex-direction:column;padding:0 10px 10px}.combos-grid .combo-meta{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.combos-grid .combo-badge{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:999px;color:#4338ca;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.combos-grid .combo-items{border-top:1px dashed #6366f133;color:#4338ca;flex:1 1 auto;font-size:.875rem;margin-top:10px;max-height:6rem;overflow:auto;padding:10px 0}.combos-grid .combo-items ul{margin:6px 0;padding-left:18px}.combos-grid .combo-items li{line-height:1.4;margin-bottom:4px}.combos-grid .menu-item-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.combos-grid .combo-actions{border-top:1px solid #6366f126;display:flex;gap:10px;margin-top:12px;padding-top:12px}.combos-grid .action-btn{border-radius:8px;flex:1 1;font-size:.875rem;font-weight:600;padding:8px 10px}.combos-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.combos-grid .menu-item-card:hover{background:linear-gradient(145deg,#fff,#fafbff 50%,#f5f7ff);border-color:#6366f159;box-shadow:0 10px 24px #6366f11a,0 4px 10px #6366f10f;transform:translateY(-3px)}.modal-content.large{max-width:1000px}.modal-content.large .modal-body{max-height:68vh;overflow-y:auto}.ingredient-unit{color:#374151;color:var(--gray-700);font-size:.95rem;font-weight:600;min-width:60px;text-align:left}.table-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.table-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;padding:20px;position:relative;text-align:center;transition:all .2s ease}.table-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.table-card.available{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;border-color:var(--success)}.table-card.available:after{background:#10b981;background:var(--success);border-radius:50%;box-shadow:0 0 0 3px #10b98133;content:"";height:10px;position:absolute;right:12px;top:12px;width:10px}.table-card.occupied{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;border-color:var(--danger)}.table-card.occupied:after{animation:pulse-dot 2s infinite;background:#ef4444;background:var(--danger);border-radius:50%;content:"";height:10px;position:absolute;right:12px;top:12px;width:10px}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.table-number{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:700;margin-bottom:4px}.table-info{color:#6b7280;color:var(--gray-500);font-size:.75rem}.order-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.order-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.order-card:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.order-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.order-card.pending:before{background:#f59e0b;background:var(--warning)}.order-card.cooked:before{background:#10b981;background:var(--success)}.order-card.delivered:before{background:#9ca3af;background:var(--gray-400)}.order-card.cancelled:before{background:#ef4444;background:var(--danger)}.order-card.cancelled{opacity:.6}.order-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.order-items{margin-top:12px}.order-item{background:#f9fafb;background:var(--gray-50);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:8px;padding:12px}.badge,.order-item{align-items:center;border-radius:.5rem;border-radius:var(--radius)}.badge{display:inline-flex;font-size:.75rem;gap:4px;letter-spacing:.3px;padding:4px 10px}.badge-pending{background:#fef3c7;color:#92400e}.badge-cooked{background:#d1fae5;color:#065f46}.badge-delivered{background:#dbeafe;color:#1e40af}.badge-cancelled{background:#fee2e2;color:#991b1b;text-decoration:line-through}.data-table{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-collapse:collapse;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);overflow:hidden;width:100%}.data-table thead{background:#1f2937;background:var(--gray-800);color:#fff}.data-table th{font-size:.8125rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#374151;color:var(--gray-700);font-size:.875rem;padding:14px 16px}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:#f9fafb;background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.spinner{border:6px solid #f3f3f3;height:60px;width:60px}@media (max-width:1024px){.role-buttons{grid-template-columns:repeat(2,1fr)}.info-panel{grid-template-columns:1fr}}@media (max-width:768px){.role-selection-container{padding:16px}.brand-header{flex-direction:column;gap:16px;padding:16px 0 32px;text-align:center}.brand-logo{flex-direction:column;gap:8px}.logo-text{text-align:center}.logo-text h1{font-size:1.75rem}.header-time{text-align:center}.role-buttons{gap:16px;grid-template-columns:1fr}.role-button{padding:20px}.role-arrow{display:none}.dashboard{padding:0}.dashboard-header{flex-direction:row;padding:12px 16px}.dashboard-header h1{font-size:1.125rem}.back-button{font-size:.8125rem;padding:8px 12px}.tabs{gap:4px;padding:8px 16px}.tab{font-size:.8125rem;padding:8px 12px}.dashboard-content{padding:16px}.grid-2,.grid-3{grid-template-columns:1fr}.menu-grid,.table-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.order-grid{grid-template-columns:1fr}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-card .value{font-size:1.5rem}.modal-content{border-radius:.75rem;border-radius:var(--radius-lg);max-height:100vh;max-width:100%}.modal-body{padding:16px}}@media (max-width:480px){.menu-grid,.stats-grid,.table-grid{grid-template-columns:1fr}.brand-header{padding:12px 0 24px}.logo-icon{font-size:2.5rem}.logo-text h1{font-size:1.5rem}}.card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}.card-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:16px 20px}.card-title{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.card-body{padding:20px}.card-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:16px 20px}.modal-overlay{animation:fadeIn .2s ease;background:#11182799;z-index:9999}.modal-content{animation:slideUp .3s ease;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-width:600px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--gray-200);padding:20px 24px}.modal-header h2,.modal-header h3{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:var(--gray-100);border-radius:.5rem;border-radius:var(--radius);color:var(--gray-500);font-size:1.25rem;height:32px;width:32px}.modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.modal-body{padding:24px}.modal-footer{background:var(--gray-50);border-radius:0 0 1rem 1rem;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--gray-200);padding:16px 24px}.alert{align-items:flex-start;border-radius:.5rem;border-radius:var(--radius);display:flex;font-size:.875rem;gap:12px;line-height:1.5;padding:14px 18px}.alert-icon{flex-shrink:0;font-size:1rem}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.alert-danger,.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-warning{background:#fffbeb;color:#92400e}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.form-group{margin-bottom:15px}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}input[type=checkbox],input[type=radio]{cursor:pointer;height:18px;margin-right:8px;width:18px}.input-group{align-items:center;display:flex;gap:10px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:#6b7280}.text-success{color:#10b981}.text-danger{color:#ef4444}.text-warning{color:#f59e0b}.text-primary{color:#667eea}.font-bold,.text-bold{font-weight:600}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.align-items-center{align-items:center}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.w-100{width:100%}.w-auto{width:auto}.hidden{display:none!important}.visible{visibility:visible}.cursor-pointer{cursor:pointer}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.divider{border-top:1px solid #e5e7eb;margin:15px 0}.scrollable{max-height:400px;overflow-y:auto}.inventory-container{padding:0 4px}.inventory-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:28px}.inventory-stat-card{border-radius:14px;box-shadow:0 4px 14px #0000001f;color:#fff;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.inventory-stat-card:hover{box-shadow:0 8px 20px #0000002e;transform:translateY(-3px)}.inventory-stat-card.total{background:linear-gradient(135deg,#667eea,#764ba2)}.inventory-stat-card.in-stock{background:linear-gradient(135deg,#10b981,#059669)}.inventory-stat-card.low-stock{background:linear-gradient(135deg,#f59e0b,#d97706)}.inventory-stat-card.out-of-stock{background:linear-gradient(135deg,#ef4444,#dc2626)}.inventory-stat-card .stat-label{font-size:13px;font-weight:500;margin-bottom:6px;opacity:.92}.inventory-stat-card .stat-value{font-size:32px;font-weight:800;line-height:1.1}.inventory-filter-bar{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:14px 18px}.inventory-filter-btn{background:#fff;border:none;border-radius:10px;box-shadow:0 1px 3px #00000014;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.inventory-filter-btn:hover{background:#e2e8f0;color:#334155}.inventory-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea59;color:#fff}.inventory-filter-btn.active.in-stock{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98159}.inventory-filter-btn.active.low-stock{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b59}.inventory-filter-btn.active.out-of-stock{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444459}.inventory-search-wrapper{flex:1 1;max-width:400px;min-width:240px;position:relative}.inventory-search-wrapper input{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 6px #0000000f;color:#1e293b;font-size:14px;padding:12px 18px 12px 44px;transition:all .25s ease;width:100%}.inventory-search-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26,0 4px 12px #667eea1a;outline:none}.inventory-search-wrapper:before{content:"🔍";font-size:16px;left:16px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.inventory-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.inventory-card{background:linear-gradient(145deg,#fff,#f8fafc 50%,#f1f5f9);border:2px solid #6366f11f;border-radius:18px;box-shadow:0 4px 12px #6366f10f,0 2px 6px #0000000a,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:0;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.inventory-card:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#8b5cf6);content:"";height:5px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.inventory-card:hover{border-color:#6366f159;box-shadow:0 16px 32px #6366f124,0 8px 16px #0000000f,inset 0 1px 0 #fff;transform:translateY(-6px)}.inventory-card:hover:before{opacity:1}.inventory-card.low-stock{background:linear-gradient(145deg,#fffbeb,#fef3c7 50%,#fde68a20);border-color:#f59e0b59}.inventory-card.low-stock:before{background:linear-gradient(90deg,#f59e0b,#d97706);opacity:1}.inventory-card.out-of-stock{background:linear-gradient(145deg,#fef2f2,#fee2e2 50%,#fecaca20);border-color:#ef444459}.inventory-card.out-of-stock:before{background:linear-gradient(90deg,#ef4444,#dc2626);opacity:1}.inventory-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:20px 20px 14px}.inventory-header h3{color:#1e293b;flex:1 1;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0}.stock-badge{align-items:center;border-radius:24px;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:8px 14px;transition:all .25s ease;white-space:nowrap}.stock-badge.good{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.stock-badge.low{animation:pulse-low 2s infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.stock-badge.out{animation:pulse-out 1.5s infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}@keyframes pulse-low{0%,to{box-shadow:0 0 0 0 #f59e0b4d}50%{box-shadow:0 0 0 6px #f59e0b00}}@keyframes pulse-out{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.inventory-details{border-top:1px dashed #6366f126;margin-top:4px;padding:14px 20px 16px}.inventory-details p{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px;margin:0 0 8px}.inventory-details p:last-child{margin-bottom:0}.inventory-details .detail-label{color:#64748b;font-weight:500}.inventory-details .detail-value{color:#1e293b;font-weight:600}.inventory-details .price-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700}.inventory-actions{background:linear-gradient(180deg,#f8fafccc,#f1f5f9);border-top:1px solid #6366f11a;display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.inventory-actions .btn{border-radius:10px;flex:1 1;font-size:12px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.inventory-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 8px #667eea4d;color:#fff}.inventory-actions .btn-primary:hover{background:linear-gradient(135deg,#764ba2,#6d28d9);box-shadow:0 4px 14px #764ba266;transform:translateY(-2px)}.inventory-actions .btn-secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 2px 8px #3b82f64d;color:#fff}.inventory-actions .btn-secondary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb66;transform:translateY(-2px)}.inventory-actions .btn-outline{background:#fff;border:2px solid #e2e8f0;color:#475569}.inventory-actions .btn-outline:hover{background:#667eea14;border-color:#667eea;color:#667eea}.menu-available-badge{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:6px;color:#1e40af;display:inline-flex;font-size:11px;font-weight:600;gap:5px;margin-left:8px;padding:4px 10px}.inventory-empty-state{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;border-radius:20px;padding:60px 24px;text-align:center}.inventory-empty-state .empty-icon{font-size:56px;margin-bottom:16px}.inventory-empty-state h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 8px}.inventory-empty-state p{color:#64748b;font-size:14px;margin:0 0 20px}.inventory-section-divider{align-items:center;display:flex;gap:16px;margin:32px 0 24px}.inventory-section-divider .divider-line{background:linear-gradient(90deg,#0000,#e2e8f0 50%,#0000);flex:1 1;height:2px}.inventory-section-divider .divider-label{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.inventory-quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.inventory-quick-actions .btn{border-radius:12px;font-weight:600;padding:12px 20px}@media (max-width:768px){.inventory-grid{gap:16px;grid-template-columns:1fr}.inventory-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.inventory-filter-bar{padding:12px}.inventory-search-wrapper{margin-bottom:8px;min-width:100%;order:-1}.inventory-actions{flex-direction:column}.inventory-actions .btn{width:100%}}.vendor-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .2s}.vendor-card:hover{background:#f9fafb;border-color:#667eea}.vendor-card.selected{background:#eff6ff;border-color:#667eea}.po-status{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 10px}.po-status.pending{background:#fef3c7;color:#92400e}.po-status.partial{background:#dbeafe;color:#1e40af}.po-status.paid,.po-status.received{background:#d1fae5;color:#065f46}.po-status.unpaid{background:#fee2e2;color:#991b1b}.production-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:16px}.production-card.planned{border-left:4px solid #3b82f6}.production-card.in-progress{border-left:4px solid #f59e0b}.production-card.completed{border-left:4px solid #10b981}.production-card.cancelled{border-left:4px solid #6b7280;opacity:.7}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.transition-all{transition:all .3s ease}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.section-header{flex-wrap:wrap;gap:16px;margin-bottom:24px}.section-title{color:#1f2937;color:var(--gray-800);gap:10px;margin:0}.section-subtitle{color:var(--gray-500);font-size:.875rem;margin-top:4px}.section-actions{align-items:center;display:flex;gap:12px}.empty-state{color:var(--gray-500);padding:60px 20px}.empty-state-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state h3{color:#374151;color:var(--gray-700);font-size:1.25rem;font-weight:600;margin-bottom:8px}.empty-state p{font-size:.875rem;margin-bottom:20px}.search-input-wrapper{flex:1 1;max-width:400px;position:relative}.search-input-wrapper input{padding-left:42px}.search-input-wrapper:before{content:"🔍";font-size:1rem;left:14px;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:999px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:.8125rem;font-weight:500;padding:6px 14px;transition:all .2s ease}.filter-pill:hover{background:#e5e7eb;background:var(--gray-200)}.filter-pill.active{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);color:#fff}.quick-actions{display:flex;gap:8px;margin-bottom:20px}.quick-action-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius);color:#374151;color:var(--gray-700);font-size:.8125rem;font-weight:500;gap:6px;padding:8px 14px}.quick-action-btn:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.quick-action-btn.active{background:#818cf8;background:var(--primary-light);border-color:#6366f1;border-color:var(--primary);color:#4f46e5;color:var(--primary-dark)}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table-tile{padding-bottom:120px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.table-tile .tile-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px;opacity:1;pointer-events:auto;position:static;transform:none;z-index:5}.table-tile .tile-actions .btn{transition:transform .12s ease,box-shadow .12s ease}.table-tile .tile-actions .btn:active{transform:translateY(1px)}@media (max-width:480px){.table-tile .tile-actions .btn{font-size:12px;min-width:100px;padding:6px 10px}.table-tile{padding-bottom:100px}.table-tile .tile-actions{align-items:flex-end}}.multi-table-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.table-card-enhanced{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-card-enhanced:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.table-card-enhanced.occupied{border:2px solid #ef4444}.table-card-enhanced.available{border:2px solid #10b981}.table-card-enhanced.billing{animation:billing-pulse 2s infinite;border:2px solid #f59e0b}@keyframes billing-pulse{0%,to{box-shadow:0 4px 12px #f59e0b33}50%{box-shadow:0 4px 24px #f59e0b66}}.table-card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px}.table-card-header.available{background:linear-gradient(135deg,#10b981,#059669)}.table-card-header.billing{background:linear-gradient(135deg,#f59e0b,#d97706)}.table-card-orders-preview{background:#f8fafc;max-height:150px;overflow-y:auto;padding:12px 16px}.table-order-item-mini{align-items:center;background:#fff;border-left:3px solid #d1d5db;border-radius:6px;display:flex;font-size:.85rem;justify-content:space-between;margin:4px 0;padding:6px 10px}.table-order-item-mini.pending{background:#fffbeb;border-left-color:#f59e0b}.table-order-item-mini.cooked{background:#eff6ff;border-left-color:#3b82f6}.table-order-item-mini.delivered{background:#ecfdf5;border-left-color:#10b981}.table-quick-actions{grid-gap:8px;background:#fff;border-top:1px solid #e5e7eb;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:12px 16px}.quick-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:4px;padding:10px 8px;transition:all .2s ease}.quick-action-btn .icon{font-size:1.2rem}.quick-action-btn.order{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.quick-action-btn.order:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.quick-action-btn.bill{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.quick-action-btn.bill:hover{box-shadow:0 4px 12px #10b98166;transform:scale(1.05)}.quick-action-btn.cancel{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.quick-action-btn.cancel:hover{box-shadow:0 4px 12px #ef444466;transform:scale(1.05)}.urgency-indicator{animation:pulse-urgency 1.5s infinite;border-radius:50%;height:12px;position:absolute;right:12px;top:12px;width:12px}.urgency-indicator.high{background:#ef4444;box-shadow:0 0 0 0 #ef4444b3}.urgency-indicator.medium{background:#f59e0b;box-shadow:0 0 0 0 #f59e0bb3}.urgency-indicator.low{background:#10b981;box-shadow:0 0 0 0 #10b981b3}@keyframes pulse-urgency{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 10px #0000;opacity:.7}to{box-shadow:0 0 0 0 #0000;opacity:1}}.table-summary-bar{background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;color:#fff;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px 24px}.summary-stat{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;gap:12px;min-width:140px;padding:12px 16px}.summary-stat .stat-icon{font-size:1.5rem}.summary-stat .stat-info{display:flex;flex-direction:column}.summary-stat .stat-value{font-size:1.5rem;font-weight:700;line-height:1.2}.summary-stat .stat-label{font-size:.75rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}*{transition-duration:0ms;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-none{transition:none!important}.transition-all,.transition-colors{transition-duration:.2s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke}.transition-transform{transition-duration:.2s;transition-property:transform}.btn:focus-visible,.form-control:focus-visible,.tab:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--primary);outline-offset:2px}@media print{.no-print{display:none!important}body{background:#fff}.dashboard{box-shadow:none}}@keyframes billRequestPulse{0%,to{box-shadow:0 0 20px #f59e0b66;transform:scale(1)}50%{box-shadow:0 0 30px #f59e0b99;transform:scale(1.02)}}@keyframes billMessageBlink{0%,to{background:#fff3}50%{background:#fff6}}.toast{align-items:center;animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a;display:flex;gap:14px;max-width:420px;min-width:320px;padding:16px 20px;position:fixed;right:24px;top:24px;z-index:10000}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(120%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.toast-success{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-left:4px solid #10b981}.toast-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444}.toast-info{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left:4px solid #6366f1}.toast-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #f59e0b}.toast-icon{flex-shrink:0;font-size:1.375rem;line-height:1}.toast-message{color:#1f2937;flex:1 1;font-size:.9rem;font-weight:500;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.toast-close:hover{background:#00000014;color:#374151}.toast:after{animation:toastProgress 3s linear forwards;background:currentColor;border-radius:0 0 0 12px;bottom:0;content:"";height:3px;left:0;opacity:.3;position:absolute}@keyframes toastProgress{0%{width:100%}to{width:0}}@media (max-width:480px){.toast{left:16px;max-width:none;min-width:auto;right:16px;top:16px}}.async-overlay{align-items:center;animation:asyncOverlayFadeIn .2s ease-out;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}@keyframes asyncOverlayFadeIn{0%{opacity:0}to{opacity:1}}.async-overlay-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172aeb;bottom:0;left:0;position:absolute;right:0;top:0}.async-overlay-content{animation:asyncContentSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,inset 0 0 0 1px #ffffff1a;max-width:400px;min-width:320px;padding:40px 48px;position:relative;text-align:center}@keyframes asyncContentSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.async-overlay-icon-wrapper{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 24px;position:relative;width:80px}.async-overlay-icon-ring{animation:asyncRingSpin 1s linear infinite;border:4px solid;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes asyncRingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.async-overlay-icon{animation:asyncIconPulse 1.5s ease-in-out infinite;font-size:36px;line-height:1}@keyframes asyncIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.async-overlay-message{color:#1e293b;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.async-overlay-sub-message{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 16px}.async-overlay-progress-container{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.async-overlay-progress-bar{border-radius:4px;height:100%;position:relative;transition:width .3s ease-out}.async-overlay-progress-bar:after{animation:asyncProgressShine 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes asyncProgressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.async-overlay-progress-text{color:#475569;font-size:.65rem;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.async-overlay-dots{display:flex;gap:8px;justify-content:center;margin-top:16px}.async-overlay-dot{animation:asyncDotBounce 1.4s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.async-overlay-dot:first-child{animation-delay:0s}.async-overlay-dot:nth-child(2){animation-delay:.2s}.async-overlay-dot:nth-child(3){animation-delay:.4s}@keyframes asyncDotBounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.async-overlay-cancel-btn{background:#0000;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:20px;padding:10px 24px;transition:all .2s ease}.async-overlay-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.async-overlay-cancel-btn:active{transform:scale(.98)}@media (prefers-color-scheme:dark){.async-overlay-content{background:#1e293b;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d}.async-overlay-message{color:#f1f5f9}.async-overlay-sub-message{color:#94a3b8}.async-overlay-progress-container{background:#334155}.async-overlay-progress-text{color:#cbd5e1}.async-overlay-cancel-btn{border-color:#475569;color:#94a3b8}.async-overlay-cancel-btn:hover{background:#334155;border-color:#64748b;color:#e2e8f0}}@media (max-width:480px){.async-overlay-content{margin:16px;max-width:none;min-width:auto;padding:32px 24px}.async-overlay-icon-wrapper{height:64px;margin-bottom:20px;width:64px}.async-overlay-icon{font-size:28px}.async-overlay-message{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.async-overlay,.async-overlay-content,.async-overlay-dot,.async-overlay-icon,.async-overlay-icon-ring,.async-overlay-progress-bar:after{animation:none}.async-overlay-icon-ring{border-style:dashed}}.image-uploader{margin-bottom:1rem}.image-upload-area{align-items:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center;transition:all .2s ease}.image-upload-area:hover:not(.disabled){background-color:#eff6ff;border-color:#3b82f6}.image-upload-area.disabled{cursor:not-allowed;opacity:.6}.upload-icon{font-size:2rem}.upload-text{color:#374151;font-weight:500}.upload-hint{color:#9ca3af;font-size:.75rem}.upload-hint-size{color:#6366f1;font-size:.7rem;font-weight:500}.image-preview-container{background-color:#f3f4f6;border-radius:8px;display:inline-block}.image-preview{border-radius:8px 8px 0 0;display:block;height:200px;object-fit:cover;width:200px}.image-actions{align-items:center;background-color:#f3f4f6;border-radius:0 0 8px 8px;display:flex;flex-direction:column;gap:.375rem;padding:.5rem}.image-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;max-width:180px;padding:.375rem .75rem;transition:all .2s ease;width:100%}.image-action-btn:disabled{cursor:not-allowed;opacity:.6}.image-actions .change-btn{background-color:#3b82f6;color:#fff}.image-actions .change-btn:hover:not(:disabled){background-color:#2563eb}.image-actions .remove-btn{background-color:#ef4444;color:#fff;height:auto;width:100%}.image-actions .remove-btn:hover:not(:disabled){background-color:#dc2626}.image-upload-error{background-color:#fef2f2;border-radius:4px;color:#dc2626;font-size:.875rem;margin-top:.5rem;padding:.5rem}.menu-item-image{background-color:#f9fafb;border-radius:11px 11px 0 0;display:block;height:140px;margin:0 -10px 10px;object-fit:cover;width:calc(100% + 20px)}.menu-item-image-small{height:100px}.menu-item-image-medium{height:140px}.menu-item-image-large{height:180px}.menu-item-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:11px 11px 0 0;display:flex;height:140px;justify-content:center;margin:0 -10px 10px;width:calc(100% + 20px)}.menu-item-placeholder-small{height:100px}.menu-item-placeholder-medium{height:140px}.menu-item-placeholder-large{height:180px}.placeholder-icon{font-size:1.6rem;opacity:.5}.menu-item-placeholder-small .placeholder-icon{font-size:1.3rem}.menu-item-placeholder-large .placeholder-icon{font-size:2rem}.org-switcher{display:inline-block;position:relative}.org-switcher-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font-size:14px;gap:8px;min-height:40px;padding:8px 16px;position:relative;transition:all .2s ease}.org-switcher-button:hover{background:#fff3;border-color:#ffffff4d}.org-switcher-button:disabled{cursor:not-allowed;opacity:.6}.org-switcher-icon{align-items:center;background:#fff3;border-radius:4px;display:flex;flex-shrink:0;height:24px;justify-content:center;overflow:hidden;width:24px}.org-switcher-logo{height:100%;object-fit:cover;width:100%}.org-switcher-placeholder{font-size:12px;font-weight:600}.org-switcher-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-switcher-arrow{font-size:10px;transition:transform .2s ease}.org-switcher-arrow.open{transform:rotate(180deg)}.org-switcher-badge{align-items:center;background:#e74c3c;border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-6px;top:-6px}.org-switcher-dropdown{animation:dropdownFadeIn .15s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:320px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.org-switcher-section{padding:8px}.org-switcher-section:not(:last-child){border-bottom:1px solid #eee}.org-switcher-section-title{color:#888;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.org-switcher-item{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.org-switcher-item:hover{background:#f5f5f5}.org-switcher-item.active{background:#e8f4fd}.org-switcher-item:disabled{cursor:not-allowed;opacity:.6}.org-item-logo{align-items:center;background:#eee;border-radius:6px;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.org-item-logo-img{height:100%;object-fit:cover;width:100%}.org-item-logo-placeholder{color:#666;font-size:16px;font-weight:600}.org-item-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.org-item-name{color:#333;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-item-role{color:#888;font-size:12px}.org-item-check{color:#2ecc71;flex-shrink:0;font-size:16px;font-weight:700}.org-switcher-invitation{background:#fffbeb;border-radius:8px;margin-bottom:8px;padding:12px}.org-switcher-invitation:last-child{margin-bottom:0}.invitation-details{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.invitation-org-name{color:#333;font-size:14px;font-weight:600}.invitation-role{color:#666;font-size:12px}.invitation-by{color:#999;font-size:11px}.invitation-actions{display:flex;gap:8px}.invitation-accept,.invitation-decline{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;transition:all .15s ease}.invitation-accept{background:#2ecc71;color:#fff}.invitation-accept:hover{background:#27ae60}.invitation-decline{background:#eee;color:#666}.invitation-decline:hover{background:#ddd}.invitation-accept:disabled,.invitation-decline:disabled{cursor:not-allowed;opacity:.6}.org-switcher-actions{border-top:1px solid #eee;padding:8px}.org-switcher-create-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 12px;transition:all .2s ease;width:100%}.org-switcher-create-btn:hover{box-shadow:0 4px 12px #667eea66;opacity:.9;transform:translateY(-1px)}.org-switcher-create-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.create-btn-icon{font-size:18px;font-weight:700}.create-btn-text{font-size:13px}.org-modal-overlay{align-items:center;animation:modalFadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.org-modal{animation:modalSlideIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;overflow:hidden;width:90%}.org-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.org-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.org-modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .15s ease}.org-modal-close:hover{color:#333}.org-modal-body{padding:24px}.org-modal-info{align-items:flex-start;border-radius:10px;display:flex;font-size:14px;gap:12px;line-height:1.5;margin-bottom:20px;padding:14px 16px}.org-modal-info.success{background:#e8f5e9;color:#2e7d32}.org-modal-info.error{background:#fef3f2;color:#c62828}.org-modal-info.warning{background:#fff8e1;color:#f57c00}.org-modal-info.info{background:#e3f2fd;color:#1565c0}.org-modal-info .info-icon{flex-shrink:0;font-size:18px;font-weight:700}.org-modal-detail{background:#f5f5f5;border-radius:10px;margin:16px 0;padding:16px}.org-modal-detail p{color:#555;font-size:14px;line-height:1.5;margin:0 0 8px}.org-modal-detail p:last-child{margin-bottom:0}.org-modal-upgrade{margin-top:20px;text-align:center}.org-modal-field{margin-bottom:20px}.org-modal-field:last-child{margin-bottom:0}.org-modal-field label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.org-modal-field input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.org-modal-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.org-modal-field input:disabled{background:#f5f5f5;cursor:not-allowed}.org-modal-hint{color:#888;display:block;font-size:12px;margin-top:6px}.org-modal-error{color:#c62828;display:block;font-size:13px;font-weight:500;margin-top:6px}.org-modal-footer{background:#f9f9f9;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.org-modal-footer .btn{border-radius:8px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .15s ease}.org-modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.org-modal-footer .btn-primary:hover{opacity:.9}.org-modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.5}.org-modal-footer .btn-secondary{background:#fff;border:1px solid #ddd;color:#666}.org-modal-footer .btn-secondary:hover{background:#f5f5f5}.org-modal-footer .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.org-modal-upgrade .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .15s ease}.org-modal-upgrade .btn-primary:hover{box-shadow:0 4px 12px #667eea66;opacity:.9;transform:translateY(-1px)}.org-modal-tier{max-width:700px}.tier-loading{color:#666;padding:40px 20px;text-align:center}.billing-cycle-toggle{background:#f5f5f5;border-radius:8px;justify-content:center;margin-bottom:24px}.cycle-btn{border-radius:6px;color:#666;flex:1 1;justify-content:center;padding:10px 20px}.cycle-btn.active{color:#333}.save-badge{background:#28a745;border-radius:4px;color:#fff;padding:2px 6px}.tier-cards{grid-gap:16px;gap:16px}.tier-card{border:2px solid #eee;border-radius:12px;padding:20px;transition:all .2s ease}.tier-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.tier-card.selected{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.tier-card.popular,.tier-card.selected{border-color:#667eea}.popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:11px;padding:4px 12px;top:-10px;white-space:nowrap}.tier-card h4{color:#333;font-size:18px;margin:0 0 8px}.tier-price{margin-bottom:12px}.tier-price .currency{color:#666;font-size:16px}.tier-price .amount{color:#333;font-size:28px;font-weight:700}.tier-price .period{color:#888}.tier-description{color:#666;margin-bottom:12px;min-height:36px}.tier-features{margin:0 0 16px}.tier-features li{color:#555;gap:10px;line-height:1.4}.tier-features li:before{color:#28a745;content:"✓";flex-shrink:0;font-size:14px;font-weight:700}.tier-select-indicator{background:#f5f5f5;border-radius:6px;color:#666;font-size:13px;font-weight:500;padding:8px;text-align:center;transition:all .2s ease}.tier-card.selected .tier-select-indicator{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media (max-width:768px){.org-switcher-name{max-width:100px}.org-switcher-dropdown{min-width:260px;right:-50px}.tier-cards{grid-template-columns:1fr}.org-modal-tier{max-width:95%}}@media (max-width:480px){.org-switcher-name{display:none}.org-switcher-button{padding:6px 8px}.org-switcher-dropdown{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:70vh;max-width:none;overflow-y:auto;position:fixed;right:0;top:auto}.billing-cycle-toggle{flex-direction:column}.cycle-btn{padding:12px}}.spinner svg{animation:spin 1s linear infinite;display:block}.btn .spinner{margin-right:8px;vertical-align:middle}.bills-container{background:linear-gradient(135deg,#f5f7fa,#e4e8eb);min-height:100vh;padding:0}.bills-header{align-items:flex-start;background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 28px}.bills-header-left{flex:1 1}.bills-title{align-items:center;display:flex;font-size:1.75rem;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0 0 6px}.bills-title-icon{font-size:1.5rem}.bills-subtitle{color:#ffffffb3;font-size:.9rem;margin:0}.bills-header-right{align-items:center;display:flex;gap:12px}.bills-stats-strip{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;display:flex;gap:12px;justify-content:center;padding:16px 28px;scrollbar-width:none}.bills-stats-strip::-webkit-scrollbar{display:none}.bills-stat-chip{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:10px;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 20px;transition:transform .2s ease;white-space:nowrap}.bills-stat-chip:hover{transform:translateY(-2px)}.bills-stat-chip.total{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.bills-stat-chip.paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.bills-stat-chip.due{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.bills-stat-chip.count{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.bills-stat-chip.credit{animation:creditStatPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fcd34d);border:2px solid #f59e0b;color:#92400e}@keyframes creditStatPulse{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b1a}}.bills-stat-icon{font-size:1.2rem}.bills-stat-content{display:flex;flex-direction:column}.bills-stat-value{font-size:1.5rem;font-weight:800;line-height:1.2}.bills-stat-label{font-size:.7rem;letter-spacing:.5px;opacity:.85;text-transform:uppercase}.bills-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 28px}.bills-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:12px;justify-content:center}.bills-search-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:.875rem;min-width:250px;padding:10px 16px;transition:all .2s ease}.bills-search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.bills-filter-select{-webkit-appearance:none;appearance:none;background:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 40px 10px 16px;transition:all .2s ease}.bills-filter-select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.bills-date-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.bills-date-input:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.bills-clear-btn{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 18px;transition:all .2s ease}.bills-clear-btn:hover{background:#e5e7eb;color:#374151}.bills-content{padding:24px 28px}.bills-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.bills-table thead{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.bills-table th{font-size:.8125rem;padding:16px}.bills-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;padding:16px;vertical-align:middle}.bills-table tbody tr:hover{background:#f9fafb}.bills-table tbody tr:last-child td{border-bottom:none}.bill-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.bill-status-badge.unpaid{background:#fee2e2;color:#991b1b}.bill-status-badge.partiallypaid{background:#fef3c7;color:#92400e}.bill-status-badge.paid{background:#d1fae5;color:#065f46}.bill-table-cell{color:#1f2937;font-weight:600}.bill-amount-cell{color:#1e40af;font-size:1rem;font-weight:700}.bill-customer-cell{max-width:180px}.bill-customer-cell>div{line-height:1.4}.bill-date-cell{color:#6b7280;font-size:.875rem}.bill-balance-cell{font-size:.95rem;font-weight:700}.bill-balance-cell.positive{color:#dc2626}.bill-balance-cell.zero{color:#059669}.bill-actions{align-items:center;display:flex;gap:8px}.bill-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.8125rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.bill-action-btn.print{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.bill-action-btn.print:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.bill-action-btn.details{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.bill-action-btn.details:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.bill-action-btn.edit{background:#fef3c7;color:#92400e}.bill-action-btn.edit:hover{background:#fde68a;transform:translateY(-2px)}.bill-action-btn.delete{background:#fee2e2;color:#991b1b}.bill-action-btn.delete:hover{background:#fecaca;transform:translateY(-2px)}.bill-action-btn.collect-payment{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.bill-action-btn.collect-payment:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.bill-action-btn.collect-payment.credit-collect{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.bill-action-btn.collect-payment.credit-collect:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.bill-action-btn.collect-payment:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.bill-action-btn.collect-payment:disabled:hover{box-shadow:none;transform:none}.bill-details-row{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.bill-details-container{display:flex;flex-wrap:wrap;gap:32px;padding:24px}.bill-receipt-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Courier New,monospace;font-size:14px;max-width:400px;min-width:320px;padding:20px;position:relative}.receipt-header{border-bottom:2px dashed #d1d5db;margin-bottom:12px;padding-bottom:12px;text-align:center}.receipt-restaurant-name{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:4px}.receipt-title{color:#4b5563;font-size:16px;font-weight:700}.receipt-info{color:#374151;margin-bottom:4px}.receipt-divider{border:none;border-top:1px dashed #d1d5db;margin:12px 0}.receipt-items-table{font-size:13px;margin-bottom:12px;width:100%}.receipt-items-table th{border-bottom:1px solid #e5e7eb;font-weight:700;padding-bottom:8px;text-align:left}.receipt-items-table td{padding:6px 0}.receipt-total-line{display:flex;justify-content:space-between;margin:4px 0}.receipt-total-line.bold{border-top:1px solid #d1d5db;font-size:15px;font-weight:700;margin-top:8px;padding-top:8px}.receipt-section-title{color:#1f2937;font-weight:700;margin:12px 0 8px}.receipt-payments-table{font-size:13px;margin-bottom:12px;width:100%}.receipt-payments-table th{border-bottom:1px solid #e5e7eb;padding-bottom:6px;text-align:left}.receipt-payments-table td{padding:4px 0}.receipt-due-line,.receipt-paid-line{display:flex;font-weight:700;justify-content:space-between;margin:4px 0}.receipt-due-line.positive{color:#dc2626}.receipt-due-line.zero{color:#059669}.receipt-print-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:16px;padding:12px;transition:all .2s ease;width:100%}.receipt-print-btn:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-2px)}.bill-payment-details{flex:1 1;min-width:300px}.payment-details-title{color:#1f2937;font-size:1.1rem;font-weight:700;margin-bottom:12px}.payment-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:16px}.payment-item{grid-gap:12px;background:#f9fafb;border-left:4px solid #6366f1;display:grid;font-size:.875rem;gap:12px;grid-template-columns:2fr 1fr 1fr 2fr;margin-bottom:8px;padding:12px}.payment-item:last-child{margin-bottom:0}.payment-no-data{color:#9ca3af;font-style:italic;padding:24px;text-align:center}.payment-balance-summary{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-top:16px;padding:16px}.payment-balance-summary strong{color:#1f2937;font-size:1.1rem}.payment-balance-summary .amount{font-size:1.3rem;font-weight:800}.payment-balance-summary .amount.positive{color:#dc2626}.payment-balance-summary .amount.zero{color:#059669}.collect-payment-inline-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:block;font-size:.9rem;font-weight:600;margin-top:12px;padding:12px 20px;transition:all .2s ease;width:100%}.collect-payment-inline-btn:hover{box-shadow:0 4px 16px #10b98166;transform:translateY(-2px)}.bills-empty-state{background:#fff;border-radius:20px;box-shadow:0 2px 12px #00000014;margin:40px 0;padding:80px 40px;text-align:center}.bills-empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.bills-empty-state h3{color:#374151;font-size:1.5rem;font-weight:700;margin:0 0 8px}.bills-empty-state p{color:#9ca3af;font-size:1rem;margin:0}@media (max-width:1024px){.bills-header{padding:20px 24px}.bills-stats-strip,.bills-toolbar{padding:12px 24px}.bills-content{padding:20px 24px}.bills-filters{width:100%}.bills-search-input{min-width:auto;width:100%}.bill-details-container{flex-direction:column}.bill-receipt-preview{max-width:100%}}@media (max-width:768px){.bills-header{padding:16px 20px}.bills-title{font-size:1.4rem}.bills-stats-strip{gap:8px;padding:12px 20px}.bills-stat-chip{min-width:auto;padding:10px 14px}.bills-stat-value{font-size:1.2rem}.bills-toolbar{padding:12px 20px}.bills-content{padding:16px 20px}.bills-create-form{grid-template-columns:1fr}.bills-table-container{overflow-x:auto}.bills-table{min-width:800px}.bill-actions{flex-direction:column;gap:4px}.bill-action-btn{width:100%}}@media (max-width:480px){.bills-header{align-items:flex-start;flex-direction:column}.bills-title{font-size:1.2rem}.bills-stats-strip{flex-direction:column;gap:8px}.bills-stat-chip{width:100%}.bills-filters{flex-direction:column}.bills-clear-btn,.bills-date-input,.bills-filter-select{width:100%}.payment-item{gap:8px;grid-template-columns:1fr}}.bills-loading{align-items:center;color:#6b7280;display:flex;font-size:1.2rem;justify-content:center;min-height:400px}.bills-table tbody tr{animation:fadeIn .3s ease}@media print{.bill-actions,.bills-create-section,.bills-header,.bills-stats-strip,.bills-toolbar,.receipt-print-btn{display:none!important}.bills-container{background:#fff}.bills-table-container{border:1px solid #000;box-shadow:none}}.bills-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.bills-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.bills-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.bills-modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.bills-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.bills-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.bills-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.bills-edit-info{grid-gap:12px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px;padding:12px}.bills-edit-info-item{display:flex;flex-direction:column;gap:4px}.bills-edit-info-item strong{color:#64748b;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.bills-edit-section{margin-bottom:16px}.bills-edit-label{color:#1e293b;display:block;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.bills-edit-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.bills-edit-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.bills-edit-status-info{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px}.bills-edit-status-note{color:#64748b;font-size:.75rem;font-style:italic}.bill-status-badge.old-status{opacity:.5;text-decoration:line-through}.status-arrow{color:#f59e0b;font-size:1.2rem;font-weight:700}.bills-edit-items{display:flex;flex-direction:column;gap:12px}.bills-edit-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.bills-edit-item:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.bills-edit-item-details{flex:1 1}.bills-edit-item-name{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:4px}.bills-edit-item-info{color:#64748b;font-size:.875rem}.bills-edit-item-controls{align-items:center;display:flex;flex-shrink:0;gap:12px;margin-left:16px}.bills-quantity-controls{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;display:flex;gap:8px;padding:4px 8px}.bills-qty-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.bills-qty-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:scale(1.1)}.bills-qty-btn:active{transform:scale(.95)}.bills-qty-btn.decrease{background:linear-gradient(135deg,#f59e0b,#d97706)}.bills-qty-btn.decrease:hover{box-shadow:0 4px 12px #f59e0b4d}.bills-qty-display{color:#1e293b;font-size:1rem;font-weight:700;min-width:24px;text-align:center}.bills-edit-item-remove{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.bills-edit-item-remove:hover{box-shadow:0 4px 12px #ef44444d;transform:scale(1.1)}.bills-edit-empty{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#94a3b8;font-size:1rem;padding:40px;text-align:center}.bills-payment-collection{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.bills-payment-field{display:flex;flex-direction:column;gap:6px}.bills-field-label{color:#475569;font-size:.875rem;font-weight:600}.bills-amount-input-wrapper{align-items:center;display:flex;position:relative}.bills-amount-input-wrapper .currency-symbol{color:#64748b!important;font-size:1.1rem;font-weight:600;left:14px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;z-index:2}.bills-amount-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:600;padding:10px 12px 10px 36px;position:relative;transition:all .2s ease;width:100%;z-index:1}.bills-amount-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.bills-payment-method-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.bills-payment-method-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.bills-edit-paid-row .paid-amount{font-weight:700}.bills-edit-balance-row .balance-due{color:#ef4444}.bills-edit-balance-row .balance-zero{color:#78350f}.bills-edit-change-row{font-size:1.05rem}.bills-edit-change-row .change-amount{color:#047857;font-size:1.15rem;font-weight:700}.bills-edit-totals{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fcd34d;border-radius:10px;margin-top:16px;padding:16px}.bills-edit-total-row{color:#78350f;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:8px}.bills-edit-total-row:last-child{margin-bottom:0}.bills-edit-total-grand{border-top:2px solid #fcd34d;font-size:1.15rem;font-weight:700;margin-top:8px;padding-top:10px}.bills-edit-paid-row{border-top:1px dashed #fcd34d;margin-top:12px;padding-top:12px}.bills-edit-paid-row .paid-amount{color:#78350f;font-weight:600}.bills-edit-balance-row .balance-due{color:#dc2626;font-weight:700}.bills-edit-balance-row .balance-zero{color:#059669;font-weight:700}.bills-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:20px 28px}.bills-modal-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .2s ease}.bills-modal-btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#64748b}.bills-modal-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.bills-modal-btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.bills-modal-btn-save:hover:not(:disabled){box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.bills-modal-btn-save:disabled{cursor:not-allowed;opacity:.5}.bills-modal-content.payment-modal{max-width:500px}.bills-modal-header.payment-header{background:linear-gradient(135deg,#10b981,#059669)}.payment-bill-summary{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin-bottom:24px;padding:20px}.payment-summary-row{align-items:center;border-bottom:1px solid #86efac80;display:flex;justify-content:space-between;padding:8px 0}.payment-summary-row:last-child{border-bottom:none}.payment-summary-row span{color:#166534;font-size:.9rem}.payment-summary-row strong{color:#15803d;font-size:1rem}.payment-summary-row.highlight{background:#10b98126;border-radius:0 0 10px 10px;margin:8px -12px -12px;padding:12px}.payment-summary-row.highlight strong{color:#dc2626;font-size:1.25rem}.payment-summary-row.credit-info{background:#fbbf2426;border-bottom:1px dashed #fbbf24;margin:0 -12px;padding:8px 12px}.payment-summary-row.credit-info span{color:#92400e;font-weight:600}.amount-credit{color:#d97706!important;font-weight:700}.amount-total{color:#1e40af!important}.amount-paid{color:#78350f!important}.amount-due{color:#dc2626!important}.payment-input-section{margin-bottom:20px}.payment-label{color:#1e293b;display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.payment-amount-input-wrapper{align-items:center;background:#fff;border:3px solid #10b981;border-radius:12px;display:flex;overflow:hidden;transition:all .2s ease}.payment-amount-input-wrapper:focus-within{border-color:#059669;box-shadow:0 0 0 4px #10b98126}.currency-symbol{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1.5rem;font-weight:700;padding:16px}.payment-amount-input{border:none;color:#1e293b;flex:1 1;font-size:1.75rem;font-weight:700;outline:none;padding:16px}.payment-amount-input::-webkit-inner-spin-button,.payment-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quick-amount-btn{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;min-width:80px;padding:10px 16px;transition:all .2s ease}.quick-amount-btn:hover{background:#e5e7eb;border-color:#9ca3af}.quick-amount-btn:first-child{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa;color:#1e40af}.quick-amount-btn:first-child:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.payment-method-options{display:flex;flex-wrap:wrap;gap:10px}.payment-method-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;min-width:80px;padding:12px 16px;transition:all .2s ease}.payment-method-btn:hover{background:#f0fdf4;border-color:#10b981}.payment-method-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 4px 12px #10b9814d;color:#fff}.payment-notes-input{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:.9rem;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.payment-notes-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.bills-modal-btn-payment{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.bills-modal-btn-payment:hover:not(:disabled){box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.bills-modal-btn-payment:disabled{cursor:not-allowed;opacity:.5}.bills-modal-btn-secondary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #60a5fa;color:#1e40af}.bills-modal-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-1px)}.payment-input-row{flex-wrap:wrap;gap:12px}.payment-amount-input-wrapper.compact{flex:0 0 200px}.payment-amount-input-wrapper.small{border-width:2px;flex:1 1 200px;min-width:180px}.currency-symbol-small{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1rem;font-weight:600;padding:10px 12px}.payment-amount-input.small{font-size:1.1rem;font-weight:600;padding:10px 12px}.payment-method-select{border-radius:10px;flex:1 1 160px;font-size:.95rem;min-width:140px;padding:12px 16px}.payment-method-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.split-action-btn{border-radius:10px;flex:0 0 auto;font-size:.85rem;min-width:100px;padding:12px 24px}.split-action-btn.add.small{padding:6px 12px}.split-payments-section{margin-top:16px}.split-payments-list{background:#f8fafc;border-radius:10px;margin-bottom:12px;padding:12px}.split-payments-list.preview{background:#fefce8;border:1px dashed #fbbf24}.split-payments-header{color:#374151;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.split-payment-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.split-payment-item:last-child{margin-bottom:0}.split-payment-item.preview{background:#fffbeb;border-color:#fbbf24}.split-payment-info{align-items:center;display:flex;gap:12px}.split-payment-method{color:#1f2937;font-weight:700}.split-payment-amount{color:#059669;font-weight:600}.split-payment-status{color:#9ca3af;font-size:.75rem;font-style:italic}.split-payment-remove{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:4px 8px;transition:all .2s ease}.split-payment-remove:hover{background:#fee2e2}.payment-totals-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;margin-top:12px;padding:12px 16px}.payment-total-row{align-items:center;display:flex;font-size:.9rem;gap:8px;margin-bottom:6px}.payment-total-row:last-child{margin-bottom:0}.payment-total-row strong{color:#1e3a5f}.text-warning{color:#d97706;font-weight:600}.text-success{font-weight:700}.change-amount{align-items:center;display:inline-flex}.payment-notes-section{margin-top:16px}.quick-amount-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-amount-btn.full-balance{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa;color:#1e40af}.quick-amount-btn.full-balance:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.payment-input-row{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.payment-method-select{background:#fff;font-size:.9rem;font-weight:500;min-width:90px;padding:10px 12px}.payment-method-select,.split-action-btn{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer}.split-action-btn{background:#f3f4f6;color:#4b5563;font-size:.8rem;font-weight:600;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.split-action-btn:hover{background:#e5e7eb;border-color:#9ca3af}.split-action-btn.add{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa;color:#1e40af}.split-action-btn.add:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.split-action-btn.add.small{font-size:.75rem;padding:6px 10px}@media (max-width:768px){.bills-modal-content{border-radius:16px 16px 0 0;margin:0;max-height:95vh;max-width:100%}.bills-modal-body,.bills-modal-footer,.bills-modal-header{padding:16px 20px}.bills-edit-info{gap:12px;grid-template-columns:1fr}.bills-modal-footer{flex-direction:column}.bills-modal-btn{width:100%}}.bills-pagination{align-items:center;background:#fff;border-radius:0 0 12px 12px;border-top:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:0;padding:20px 24px}.bills-pagination-info{color:#64748b;font-size:.95rem;font-weight:500}.bills-pagination-controls{align-items:center;display:flex;gap:8px}.bills-pagination-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.bills-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;transform:translateY(-1px)}.bills-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.bills-pagination-current{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:.9rem;font-weight:700;margin:0 4px;padding:8px 16px}@media (max-width:768px){.bills-pagination{flex-direction:column;text-align:center}.bills-pagination-controls{flex-wrap:wrap;justify-content:center}.bills-pagination-btn{font-size:.8rem;padding:6px 12px}}.bill-payment-cell{min-width:120px}.payment-method-badges{display:flex;flex-wrap:wrap;gap:4px}.payment-method-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:700;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.payment-method-badge.cash{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.payment-method-badge.card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.payment-method-badge.upi{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;color:#4338ca}.payment-method-badge.credit{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.payment-method-badge.split{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #c4b5fd;color:#7c3aed}.bill-status-badge.credit-pending{animation:creditPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#92400e}@keyframes creditPulse{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b1a}}.receipt-payments-list{display:flex;flex-direction:column;gap:8px;margin:8px 0}.receipt-payment-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}.receipt-payment-method-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;padding:4px 10px;text-transform:uppercase}.receipt-payment-method-badge[data-method=cash]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.receipt-payment-method-badge[data-method=card]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.receipt-payment-method-badge[data-method=upi]{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;color:#4338ca}.receipt-payment-method-badge[data-method=credit]{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.receipt-payment-amount{color:#1e293b;font-size:1rem;font-weight:700;margin-left:auto}.receipt-payment-date{color:#64748b;font-size:.7rem;width:100%}.receipt-credit-note{border-top:1px dashed #fcd34d;color:#d97706;font-size:.7rem;font-weight:600;margin-top:4px;padding-top:4px;width:100%}.receipt-payment-summary{border-top:2px solid #e2e8f0;margin-top:12px;padding-top:8px}.receipt-summary-row{color:#475569;display:flex;font-size:.9rem;justify-content:space-between;padding:4px 0}.receipt-summary-row.total{border-top:1px dashed #e2e8f0;color:#1e293b;margin-top:4px;padding-top:8px}.receipt-summary-row.due,.receipt-summary-row.total{font-size:1rem;font-weight:700}.receipt-summary-row.due.positive{color:#dc2626}.receipt-summary-row.due.zero{color:#059669}.receipt-summary-row .collected{color:#059669;font-weight:600}.receipt-summary-row .credit-due{color:#d97706;font-weight:600}.notification-opt-in{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;margin:16px 0;padding:20px;text-align:center}.notification-opt-in.notification-compact{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.notification-opt-in.notification-compact .notification-text{flex:1 1;font-size:.875rem;margin:0;text-align:left}.notification-opt-in.notification-compact .notification-btn{font-size:.875rem;padding:8px 16px}.notification-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.notification-bell{animation:bell-ring 2s ease-in-out infinite;font-size:24px}.notification-title{color:#fff;font-size:1.125rem;font-weight:600}.notification-icon{font-size:32px;margin-bottom:8px}.notification-message,.notification-text{color:#e2e8f0;font-size:.9375rem;line-height:1.5;margin:0 0 16px}.notification-opt-in.notification-compact .notification-message{margin:0}.notification-content{align-items:center;display:flex;flex-direction:column;gap:12px}.notification-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.notification-btn:disabled{cursor:not-allowed;opacity:.7}.notification-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 14px 0 #667eea66;color:#fff}.notification-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px 0 #667eea80;transform:translateY(-2px)}.notification-btn-secondary{background:#ffffff1a;color:#94a3b8;font-size:.875rem;padding:8px 16px}.notification-btn-secondary:hover:not(:disabled){background:#ffffff26;color:#fff}.btn-loading{align-items:center;display:flex;gap:8px}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.notification-subscribed{background:#22c55e26;border-color:#22c55e4d}.notification-subscribed .notification-icon{color:#22c55e}.notification-success{animation:fade-in .3s ease;background:#22c55e26;border-color:#22c55e4d}.notification-success .notification-icon{color:#22c55e}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notification-denied{background:#ef444426;border-color:#ef44444d}.notification-denied .notification-icon{color:#ef4444}.notification-error{background:#ef44441a;border-radius:6px;color:#ef4444;font-size:.875rem;margin-top:12px;padding:8px 12px}.notification-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8125rem;font-weight:500;gap:6px;padding:6px 12px}.notification-status-badge.subscribed{background:#22c55e26;color:#22c55e}.notification-status-badge .status-icon{font-size:.875rem}.notification-pwa-container{display:flex;flex-direction:column;gap:12px;margin:16px 0}.notification-pwa-container.container-compact{gap:8px;margin:12px 0}.pwa-install-prompt{align-items:center;animation:slide-down .3s ease;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 14px #3b82f64d;display:flex;gap:12px;justify-content:space-between;padding:16px}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pwa-install-prompt.pwa-compact{padding:12px}.pwa-install-prompt.pwa-ios{background:linear-gradient(135deg,#1f2937,#374151);box-shadow:0 4px 14px #1f29374d}.pwa-content{align-items:center;display:flex;flex:1 1;gap:12px}.pwa-icon{animation:bounce-subtle 2s ease-in-out infinite;font-size:28px}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pwa-text{display:flex;flex-direction:column;gap:2px}.pwa-text strong{color:#fff;font-size:.9375rem;font-weight:600}.pwa-text span{color:#fffc;font-size:.8125rem}.pwa-actions{align-items:center;display:flex;gap:8px}.pwa-install-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#1d4ed8;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.pwa-install-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.pwa-dismiss-btn{background:#0000;border:none;border-radius:4px;color:#fff9;cursor:pointer;font-size:1.25rem;padding:4px 8px;transition:all .2s ease}.pwa-dismiss-btn:hover{background:#ffffff1a;color:#fff}@media (max-width:480px){.notification-opt-in{padding:16px}.notification-opt-in.notification-compact{flex-direction:column;text-align:center}.notification-opt-in.notification-compact .notification-text{text-align:center}.notification-btn{padding:14px 20px;width:100%}.notification-opt-in.notification-compact .notification-btn{padding:10px 20px;width:auto}.pwa-install-prompt{padding:16px;text-align:center}.pwa-content,.pwa-install-prompt{flex-direction:column}.pwa-actions{justify-content:center;width:100%}.pwa-install-btn{flex:1 1;padding:12px 24px}}.spinner-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:20px}.spinner{border:3px solid #677eea1a;border-top-color:#667eea}.spinner-small{border-width:2px;height:24px;width:24px}.spinner-medium{border-width:3px;height:48px;width:48px}.spinner-large{border-width:4px;height:72px;width:72px}.spinner-message{color:#667eea;font-size:1rem;font-weight:500;margin:0}.spinner-fullscreen{align-items:center;background:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.orders-management{background:linear-gradient(135deg,#f5f7fa,#e4e8eb);min-height:100vh}.orders-management.embedded{min-height:auto}.om-header{align-items:flex-start;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 28px}.om-header-left{flex:1 1}.om-title{align-items:center;display:flex;font-size:1.75rem;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0 0 6px}.om-title-icon{font-size:1.5rem}.om-subtitle{color:#ffffffb3;font-size:.9rem;margin:0}.om-header-right{align-items:center;display:flex;gap:12px}.om-refresh-btn{background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 18px;transition:all .2s ease}.om-refresh-btn:hover{background:#ffffff40}.om-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.om-stats-strip{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;overflow-x:auto;padding:16px 28px;scrollbar-width:none}.om-stats-strip::-webkit-scrollbar{display:none}.om-stat-chip{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:10px;padding:12px 20px;transition:transform .2s ease;white-space:nowrap}.om-stat-chip:hover{transform:translateY(-2px)}.om-stat-chip.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.om-stat-chip.cooked{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.om-stat-chip.delivered{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.om-stat-chip.cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.om-stat-icon{font-size:1.2rem}.om-stat-value{font-size:1.5rem;font-weight:800}.om-stat-label{font-size:.75rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.om-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 28px}.om-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.om-filter-tab{align-items:center;background:#f3f4f6;border:2px solid #0000;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.om-filter-tab:hover{background:#e5e7eb;color:#374151}.om-filter-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 12px #6366f159;color:#fff}.om-filter-count{background:#ffffff40;border-radius:999px;font-size:.75rem;font-weight:700;padding:2px 8px}.om-filter-tab:not(.active) .om-filter-count{background:#0000001a}.om-view-toggle{background:#f3f4f6;border-radius:10px;display:flex;padding:4px}.om-view-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:1.1rem;height:36px;transition:all .2s ease;width:40px}.om-view-btn:hover{background:#e5e7eb}.om-view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#6366f1}.om-content{padding:24px 28px}.om-tables-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:10px}.om-table-card-compact{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;min-width:160px;overflow:hidden;transition:all .2s ease;width:160px}.om-table-card-compact:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.om-table-card-compact:active{transform:scale(.98)}.om-table-card-compact.has-ready{animation:compact-glow 1.5s ease-in-out infinite;border-color:#10b981}@keyframes compact-glow{0%,to{box-shadow:0 2px 8px #10b9814d}50%{box-shadow:0 4px 20px #10b98180}}.om-ready-strip{animation:strip-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);padding:4px 8px}.om-bill-strip,.om-ready-strip{color:#fff;font-size:.7rem;font-weight:700;text-align:center}.om-bill-strip{background:linear-gradient(135deg,#f59e0b,#d97706)}.om-ready-strip{border-radius:12px 12px 0 0}.om-bill-strip,.om-ready-strip,.om-strip{align-items:center;border-radius:12px 12px 0 0;box-sizing:border-box;display:flex;height:40px;justify-content:center;line-height:40px;margin:0 0 8px;padding:0 12px;width:100%}@media (max-width:480px){.om-bill-strip,.om-ready-strip,.om-strip{height:36px;line-height:36px;margin:0 0 6px;padding:0 8px}}@keyframes strip-pulse{0%,to{opacity:1}50%{opacity:.85}}.om-compact-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;padding:18px 12px}.om-compact-table-icon{font-size:1.5rem;margin-bottom:2px}.om-compact-table-num{color:#1e293b;font-size:1.75rem;font-weight:800;line-height:1}.om-compact-table-label{color:#64748b;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.om-compact-stats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.om-compact-stat{border-radius:4px;font-size:.7rem;font-weight:600;padding:2px 6px}.om-compact-stat.pending{background:#fef3c7;color:#92400e}.om-compact-stat.cooked{background:#dbeafe;color:#1e40af}.om-compact-stat.delivered{background:#d1fae5;color:#065f46}.om-compact-deliver-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;height:40px;justify-content:center;padding:0 12px;transition:all .2s ease;width:100%}.om-compact-deliver-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.om-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.om-modal{animation:scaleIn .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.om-modal-header{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.om-modal-title{align-items:center;display:flex;gap:10px}.om-modal-table-num{font-size:1.25rem;font-weight:700}.om-modal-section{background:#fff3;border-radius:4px;font-size:.75rem;padding:2px 8px}.om-modal-close{background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;height:32px;transition:background .2s;width:32px}.om-modal-close:hover{background:#ffffff40}.om-modal-stats{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;padding:12px 20px}.om-modal-stat{border-radius:6px;font-size:.85rem;font-weight:600;padding:4px 12px}.om-modal-stat.pending{background:#fef3c7;color:#92400e}.om-modal-stat.cooked{background:#dbeafe;color:#1e40af}.om-modal-stat.delivered{background:#d1fae5;color:#065f46}.om-modal-action{background:linear-gradient(135deg,#dbeafe,#e0e7ff);padding:12px 16px}.om-modal-items{flex:1 1;overflow-y:auto;padding:8px 12px 20px}.om-modal-item{align-items:center;background:#fafafa;border-left:4px solid #d1d5db;border-radius:10px;display:flex;justify-content:space-between;margin:6px 0;padding:12px}.om-modal-item.pending{background:#fffbeb;border-left-color:#f59e0b}.om-modal-item.cooked{background:#eff6ff;border-left-color:#3b82f6}.om-modal-item.delivered{background:#ecfdf5;border-left-color:#10b981;opacity:.7}.om-modal-item.cancelled{background:#fef2f2;border-left-color:#ef4444;opacity:.5}.om-modal-item-main{align-items:center;display:flex;gap:10px}.om-modal-item-icon{font-size:1.1rem}.om-modal-item-info{display:flex;flex-direction:column}.om-modal-item-name{color:#374151;font-size:.9rem;font-weight:600}.om-modal-item-price{color:#6b7280;font-size:.75rem}.om-modal-item-actions{display:flex;gap:6px}.om-table-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:all .3s ease}.om-table-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.om-table-card.has-ready{animation:ready-glow 1.5s ease-in-out infinite;border-color:#10b981;border-width:3px;position:relative;transform:scale(1.02)}.om-table-card.has-ready:before{animation:border-glow 2s linear infinite;background:linear-gradient(45deg,#10b981,#3b82f6,#10b981);background-size:200% 200%;border-radius:18px;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}@keyframes border-glow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.om-ready-banner{align-items:center;animation:banner-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:10px;justify-content:center;padding:10px 16px}.om-ready-banner-icon{animation:bell-ring .5s ease-in-out infinite;font-size:1.2rem}@keyframes banner-pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes bell-ring{0%,to{transform:rotate(0deg)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.om-table-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.om-table-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.om-table-info{align-items:center;display:flex;gap:16px}.om-table-badge{align-items:flex-start;display:flex;flex-direction:column}.om-table-number{color:#1e293b;font-size:1.5rem;font-weight:800;line-height:1.2}.om-table-section{color:#64748b;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.om-table-meta{display:flex;flex-direction:column;gap:2px}.om-item-count,.om-order-count{color:#64748b;font-size:.8rem}.om-table-indicators{align-items:center;display:flex;gap:8px}.om-indicator{border-radius:999px;font-size:.75rem;font-weight:700;padding:4px 10px}.om-indicator.pending{background:#fef3c7;color:#92400e}.om-indicator.cooked{background:#dbeafe;color:#1e40af}.om-indicator.cooked.pulse{animation:indicator-pulse 1s infinite}@keyframes indicator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.om-expand-icon{color:#9ca3af;font-size:.8rem;transition:transform .3s ease}.om-table-card.expanded .om-expand-icon{transform:rotate(180deg)}.om-quick-actions{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-bottom:1px solid #bfdbfe;border-top:1px solid #bfdbfe;padding:12px 20px}.om-deliver-all-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b98159;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 20px;transition:all .2s ease;width:100%}.om-deliver-all-btn:hover{box-shadow:0 6px 16px #10b98173;transform:translateY(-2px)}.om-table-orders{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.om-table-orders.show{max-height:1200px}.om-items-list{padding:8px 12px}.om-item{align-items:center;background:#fafafa;border-left:4px solid #d1d5db;border-radius:10px;display:flex;justify-content:space-between;margin:6px 0;padding:10px 12px;transition:all .2s ease}.om-item:hover{background:#f3f4f6}.om-item.pending{background:#fffbeb;border-left-color:#f59e0b}.om-item.cooked{background:#eff6ff;border-left-color:#3b82f6}.om-item.delivered{background:#ecfdf5;border-left-color:#10b981;opacity:.7}.om-item.cancelled{background:#fef2f2;border-left-color:#ef4444;opacity:.5;text-decoration:line-through}.om-item-main{align-items:center;display:flex;gap:12px}.om-item-status-icon{font-size:1.1rem}.om-item-details{display:flex;flex-direction:column}.om-item-name{color:#374151;font-size:.9rem;font-weight:600}.om-item-price{color:#6b7280;font-size:.75rem}.om-item-actions{align-items:center;display:flex;gap:6px}.om-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:4px;height:32px;justify-content:center;min-width:32px;padding:0 10px;transition:all .2s ease;width:32px}.om-action-btn.deliver{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d;color:#fff;min-width:80px}.om-action-btn.deliver:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.om-action-btn.cancel{background:#fee2e2;color:#991b1b}.om-action-btn.cancel:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.om-action-btn.restore{background:#fef3c7;color:#92400e}.om-action-btn.restore:hover{background:#f59e0b;color:#fff;transform:scale(1.1)}.om-delivered-badge{background:#d1fae5;border-radius:999px;color:#065f46;font-size:.7rem;font-weight:600;padding:4px 10px}.om-list-view{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.om-orders-table{border-collapse:collapse;width:100%}.om-orders-table th{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.om-orders-table td{border-bottom:1px solid #e5e7eb;font-size:.9rem;padding:12px 16px}.om-orders-table tbody tr{transition:background .2s ease}.om-orders-table tbody tr:hover{background:#f8fafc}.om-row-pending{background:#fffbeb}.om-row-cooked{background:#eff6ff}.om-row-delivered{background:#ecfdf5;opacity:.7}.om-row-cancelled{background:#fef2f2;opacity:.5;text-decoration:line-through}.om-list-table{color:#1e293b;font-weight:700}.om-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:4px 10px}.om-list-actions{display:flex;gap:6px}.om-timeline-view{margin:0 auto;max-width:800px}.om-timeline{padding-left:40px;position:relative}.om-timeline-item{display:flex;margin-bottom:24px;position:relative}.om-timeline-marker{align-items:center;display:flex;flex-direction:column;left:-40px;position:absolute}.om-timeline-dot{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 0 0 4px #6366f133;height:16px;width:16px}.om-timeline-line{background:#e5e7eb;height:100%;position:absolute;top:20px;width:2px}.om-timeline-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;flex:1 1;padding:16px 20px}.om-timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.om-timeline-table{color:#1e293b;font-size:1rem;font-weight:700}.om-timeline-time{color:#9ca3af;font-size:.75rem}.om-timeline-items{display:flex;flex-direction:column;gap:6px}.om-timeline-order-item{align-items:center;color:#4b5563;display:flex;font-size:.9rem;gap:8px}.om-timeline-status{font-size:.9rem}.om-empty-state{background:#fff;border-radius:20px;box-shadow:0 2px 12px #00000014;margin:40px 28px;padding:80px 40px;text-align:center}.om-empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.om-empty-state h3{color:#374151;font-size:1.5rem;font-weight:700;margin:0 0 8px}.om-empty-state p{color:#9ca3af;font-size:1rem;margin:0}.om-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@media (max-width:768px){.om-header{padding:16px 20px}.om-title{font-size:1.4rem}.om-stats-strip{gap:8px;padding:12px 20px}.om-stat-chip{padding:10px 14px}.om-stat-value{font-size:1.2rem}.om-toolbar{align-items:stretch;flex-direction:column;padding:12px 20px}.om-filter-tabs{justify-content:center}.om-filter-tab{font-size:.8rem;padding:8px 14px}.om-view-toggle{justify-content:center}.om-content{padding:16px 20px}.om-tables-grid{gap:12px;padding:8px}.om-table-card-compact{min-width:140px;width:140px}.om-compact-table-num{font-size:1.5rem}.om-compact-table-icon{font-size:1.25rem}.om-modal{border-radius:12px;margin:10px;max-height:85vh}.om-list-view{overflow-x:auto}.om-orders-table{min-width:700px}}@media (max-width:480px){.om-filter-tab span:first-child,.om-stat-label{display:none}.om-filter-tab:before{content:""}}.po-manager{background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh;padding:20px}.po-stats-section{margin-bottom:24px}.po-filter-indicator{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.filter-badge{color:#92400e;font-size:14px;font-weight:600}.clear-filters-btn{background:#fff;border:1px solid #f59e0b;border-radius:6px;color:#92400e;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.clear-filters-btn:hover{background:#fef3c7;border-color:#d97706}.po-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.po-stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;gap:12px;padding:18px;transition:transform .2s,box-shadow .2s}.po-stat-card:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.po-stat-card.total{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.po-stat-card.pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 15px #f59e0b4d}.po-stat-card.partial{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 15px #3b82f64d}.po-stat-card.received{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 15px #10b9814d}.po-stat-card.value{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 4px 15px #6366f14d}.po-stat-card.paid{background:linear-gradient(135deg,#22d3ee,#06b6d4);box-shadow:0 4px 15px #06b6d44d}.po-stat-card.unpaid{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 15px #ef44444d}.po-stat-icon{align-items:center;background:#fff3;border-radius:8px;display:flex;font-size:24px;height:36px;justify-content:center;opacity:.95;width:36px}.po-stat-content{flex:1 1}.po-stat-value{font-size:22px;font-weight:700;line-height:1.2}.po-stat-label{font-size:11px;letter-spacing:.5px;margin-top:2px;opacity:.9;text-transform:uppercase}.po-toolbar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 15px #0000000f;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:16px 20px}.po-toolbar-left{flex:1 1;min-width:250px}.po-toolbar-center{flex-wrap:wrap}.po-toolbar-center,.po-toolbar-right{align-items:center;display:flex;gap:12px}.po-search-box{max-width:350px;position:relative;width:100%}.po-search-box .search-icon{font-size:16px;left:12px;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.po-search-box input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 35px 10px 40px;transition:border-color .2s,box-shadow .2s;width:100%}.po-search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.po-search-box .clear-search{align-items:center;background:#e5e7eb;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.po-search-box .clear-search:hover{background:#d1d5db}.po-filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;min-width:150px;padding:10px 14px}.po-filter-select:focus{border-color:#667eea;outline:none}.po-date-range{align-items:center;display:flex;gap:8px}.po-date-range input{border:2px solid #e5e7eb;border-radius:8px;font-size:13px;padding:8px 12px}.po-date-range input:focus{border-color:#667eea;outline:none}.po-date-range span{color:#666;font-size:13px}.po-view-toggle{background:#f3f4f6;border-radius:8px;display:flex;overflow:hidden}.po-view-toggle button{background:#0000;border:none;color:#666;cursor:pointer;font-size:16px;padding:8px 14px;transition:all .2s}.po-view-toggle button.active{background:#667eea;color:#fff}.po-view-toggle button:hover:not(.active){background:#e5e7eb}.po-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:transform .2s,box-shadow .2s}.po-btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.po-btn-secondary{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.po-btn-secondary:hover{background:#e5e7eb}.po-btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.po-btn-success:hover{box-shadow:0 4px 12px #11998e66;transform:translateY(-1px)}.po-btn-danger{background:linear-gradient(135deg,#eb3349,#f45c43);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.po-btn-danger:hover{box-shadow:0 4px 12px #eb334966;transform:translateY(-1px)}.po-sort-bar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #0000000a;display:flex;gap:12px;margin-bottom:20px;padding:12px 20px}.sort-label{color:#666;font-size:13px;font-weight:500}.sort-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.sort-btn.active{background:#667eea;border-color:#667eea;color:#fff}.sort-btn:hover:not(.active){border-color:#667eea;color:#667eea}.results-count{color:#666;font-size:13px;margin-left:auto}.po-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.po-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.po-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.po-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.po-card-id{color:#1f2937;font-size:16px;font-weight:700}.po-card-id .po-hash{color:#667eea;margin-right:2px}.status-badge{align-items:center;display:inline-flex;gap:4px;padding:5px 12px}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-partial{background:#dbeafe;color:#1e40af}.status-badge.status-received{background:#d1fae5;color:#065f46}.po-card-vendor{align-items:center;color:#374151;display:flex;font-size:15px;gap:8px;margin-bottom:12px}.vendor-icon{opacity:.7}.po-card-meta{display:flex;gap:20px;margin-bottom:15px}.meta-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.meta-icon{opacity:.7}.po-card-amount{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px}.amount-label{color:#6b7280;font-size:13px}.amount-value{color:#1f2937;font-size:20px;font-weight:700}.po-card-progress{margin-bottom:15px}.progress-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.progress-row:last-child{margin-bottom:0}.progress-label{color:#6b7280;font-size:12px;width:60px}.progress-bar{background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s ease}.progress-fill.receive{background:linear-gradient(90deg,#4facfe,#00f2fe)}.progress-fill.payment{background:linear-gradient(90deg,#11998e,#38ef7d)}.progress-text{color:#6b7280;font-size:12px;text-align:right;width:50px}.po-card-pending{align-items:center;background:#fef2f2;border-radius:8px;color:#dc2626;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:15px;padding:10px 12px}.pending-icon{font-size:14px}.po-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding-top:15px}.action-btn{background:#f3f4f6;border:none;border-radius:8px;flex:1 1;font-size:16px;padding:8px}.action-btn:hover{transform:scale(1.05)}.action-btn.receive:hover{background:#dbeafe}.action-btn.payment:hover{background:#d1fae5}.action-btn.print:hover{background:#e5e7eb}.action-btn.delete:hover{background:#fee2e2}.po-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.po-table{border-collapse:collapse;width:100%}.po-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700;letter-spacing:.8px;padding:16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.po-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px}.po-table tbody tr{background:#fff;cursor:pointer;transition:all .2s ease}.po-table tbody tr:nth-child(2n){background:#fafbfc}.po-table tbody tr:hover{background:linear-gradient(135deg,#eff6ff,#e0f2fe);box-shadow:0 2px 8px #3b82f61a;transform:scale(1.002)}.po-table .po-number{font-weight:600}.po-table .po-number .po-hash{color:#667eea}.po-table .amount{font-weight:600}.po-table .pending-badge{background:#fee2e2;border-radius:4px;color:#dc2626;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.table-actions{display:flex;gap:6px}.table-actions button{background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;padding:6px 10px;transition:background .2s}.table-actions button:hover{background:#e5e7eb}.po-table-row{transition:background .2s,transform .1s}.po-table-row:hover{background:#f0f4ff!important}.po-table-row:active{background:#e0e7ff!important}.th-po-number{width:120px}.th-vendor{min-width:150px;width:auto}.th-date{width:100px}.th-items{text-align:center;width:70px}.th-total{width:110px}.th-received{width:140px}.th-payment{width:180px}.th-status{width:140px}.th-actions{width:220px}.po-id-badge{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:8px;color:#4338ca;display:inline-flex;font-family:SF Mono,Consolas,Monaco,monospace;font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 12px}.po-id-badge .po-hash{color:#6366f1;font-weight:400;margin-right:2px}.vendor-cell{display:flex;flex-direction:column;gap:2px}.vendor-cell .vendor-name{color:#1f2937;font-weight:600}.vendor-cell .vendor-contact{color:#6b7280;font-size:12px}.td-items{text-align:center}.items-count{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:16px;color:#166534;display:inline-flex;font-size:13px;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:0 10px}.total-amount{background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047;border-radius:6px;color:#1e293b;font-size:15px;font-weight:700;padding:6px 10px}.progress-cell{display:flex;flex-direction:column;gap:6px}.mini-progress-bar{background:#e2e8f0;border-radius:4px;box-shadow:inset 0 1px 2px #0000000f;height:8px;overflow:hidden;width:100%}.mini-progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.mini-progress-fill.receive{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 1px 3px #3b82f64d}.mini-progress-fill.payment{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 1px 3px #10b9814d}.progress-label-text{color:#64748b;font-size:12px;font-weight:500;white-space:nowrap}.partial-indicator{color:#ea580c;font-weight:600}.pending-amount{color:#dc2626;font-weight:600}.action-btn-table{align-items:center;background:#f1f5f9;border:1px solid #0000;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:8px 12px;transition:all .2s}.action-btn-table .btn-icon{font-size:14px;font-weight:700}.action-btn-table .btn-label{font-size:12px;letter-spacing:.3px}.action-btn-table:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-btn-table.receive{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;color:#1d4ed8}.action-btn-table.receive:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 3px 8px #1d4ed833}.action-btn-table.payment{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#15803d}.action-btn-table.payment:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 3px 8px #15803d33}.action-btn-table.print{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#cbd5e1;color:#475569}.action-btn-table.print:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 3px 8px #47556926}.action-btn-table.delete{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#dc2626}.action-btn-table.delete:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 3px 8px #dc262633}.action-btn-table.disabled,.action-btn-table:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.action-btn-table.payment.disabled,.action-btn-table.payment:disabled,.action-btn-table.receive.disabled,.action-btn-table.receive:disabled{background:#d1fae5;color:#065f46}@media (max-width:1200px){.po-table-container{overflow-x:auto}.po-table{min-width:900px}}.po-empty-state{background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:80px 40px;text-align:center}.empty-icon{font-size:72px;margin-bottom:24px;opacity:.7}.po-empty-state h3{color:#1e293b;font-size:22px;font-weight:600;margin:0 0 12px}.po-empty-state p{color:#64748b;font-size:15px;margin:0 auto 24px;max-width:400px}.po-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.po-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:550px;overflow:hidden;width:100%}.po-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.po-modal-header h2{color:#1f2937;font-size:20px;margin:0}.modal-title-group{align-items:center;display:flex;gap:12px}.modal-close{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:24px;transition:all .2s}.modal-close:hover{background:#e5e7eb;color:#1f2937}.po-modal-body{flex:1 1;overflow-y:auto;padding:24px}.po-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px}.footer-spacer{flex:1 1}.po-form-section{margin-bottom:24px}.po-form-section h3{align-items:center;color:#374151;display:flex;font-size:16px;gap:8px;margin:0 0 16px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h3{margin:0}.po-form-group{margin-bottom:16px}.po-form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.po-form-group input,.po-form-group select,.po-form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.po-form-group input:focus,.po-form-group select:focus,.po-form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.po-form-group textarea{min-height:80px;resize:vertical}.po-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 14px;width:100%}.po-select:focus{border-color:#667eea;outline:none}.vendor-info-card{background:#f9fafb;border-radius:8px;color:#6b7280;display:flex;font-size:13px;gap:16px;margin-top:12px;padding:12px}.po-items-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.po-items-header{background:#f9fafb;color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.po-items-header,.po-items-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr .8fr 1fr 40px;padding:12px 16px}.po-items-row{align-items:center;border-top:1px solid #e5e7eb}.po-items-row input,.po-items-row select{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;padding:8px 10px}.po-items-row input:focus,.po-items-row select:focus{border-color:#667eea;outline:none}.po-items-row .col-total{color:#374151;font-weight:600}.remove-btn{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:14px;height:32px;transition:all .2s;width:32px}.remove-btn:hover{background:#fecaca}.remove-btn:disabled{cursor:not-allowed;opacity:.3}.po-total-row{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:20px;justify-content:flex-end;margin-top:16px;padding:16px}.total-label{color:#374151;font-size:16px;font-weight:600}.total-value{color:#667eea;font-size:24px;font-weight:700}.po-detail-info{grid-gap:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:20px 24px}.info-card{align-items:center;display:flex;gap:12px}.info-icon{font-size:24px}.info-label{display:block;font-size:12px;margin-bottom:2px}.info-value{display:block;font-size:15px}.pending-text{color:#dc2626}.po-detail-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:4px;padding:0 24px}.po-detail-tabs button{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:14px 20px;position:relative;transition:color .2s}.po-detail-tabs button:hover{color:#374151}.po-detail-tabs button.active{color:#667eea}.po-detail-tabs button.active:after{background:#667eea;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.po-detail-table{border-collapse:collapse;width:100%}.po-detail-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;padding:12px;text-align:left}.po-detail-table td{border-bottom:1px solid #f3f4f6;font-size:14px;padding:12px}.po-detail-table .text-right{text-align:right}.po-detail-table .text-success{color:#059669}.po-detail-table .text-warning{color:#d97706}.po-detail-table .item-name{font-weight:500}.item-status{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px}.item-status.received{background:#d1fae5;color:#065f46}.item-status.partial{background:#fef3c7;color:#92400e}.item-status.pending{background:#fee2e2;color:#991b1b}.po-detail-table tfoot td{background:#f9fafb;border-top:2px solid #e5e7eb;padding:16px 12px}.no-payments{color:#6b7280;padding:40px 20px;text-align:center}.no-payments-icon{display:block;font-size:48px;margin-bottom:12px;opacity:.5}.receive-instruction{background:#f0f9ff;border-radius:8px;color:#0369a1;font-size:14px;margin:0 0 20px;padding:12px 16px}.receive-items-list{display:flex;flex-direction:column;gap:12px}.receive-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:16px}.receive-item.fully-received{opacity:.7}.receive-item-info{flex:1 1}.receive-item-info .item-name{color:#1f2937;display:block;font-weight:600;margin-bottom:4px}.receive-item-info .item-progress{color:#6b7280;font-size:13px}.receive-item-info .remaining{color:#0369a1;font-weight:500}.receive-item-input{align-items:center;display:flex;gap:8px}.receive-item-input input{border:2px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px;text-align:center;width:80px}.receive-item-input input:focus{border-color:#667eea;outline:none}.receive-all-btn{background:#dbeafe;border:none;border-radius:6px;color:#1e40af;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:background .2s}.receive-all-btn:hover{background:#bfdbfe}.fully-received-badge{background:#d1fae5;border-radius:6px;color:#065f46;font-size:13px;font-weight:600;padding:8px 16px}.payment-summary{background:#f9fafb;border-radius:10px;margin-bottom:20px;padding:16px}.summary-row.pending{border-top:1px solid #e5e7eb;font-weight:600;margin-top:4px;padding-top:12px}.text-success{color:#059669}.text-danger{color:#dc2626}.pay-full-btn{background:#dbeafe;border:none;border-radius:6px;color:#1e40af;cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:8px 16px;transition:background .2s}.pay-full-btn:hover{background:#bfdbfe}.amount-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.po-form-group.has-error label{color:#dc2626}.po-form-group .input-error,.po-form-group.has-error input,.po-form-group.has-error select{background-color:#fef2f2;border-color:#dc2626!important}.po-form-group .input-error:focus,.po-form-group.has-error input:focus,.po-form-group.has-error select:focus{box-shadow:0 0 0 3px #dc262626!important}.field-error{align-items:center;background:#fef2f2;border-radius:4px;color:#dc2626;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-top:6px;padding:4px 8px}.field-error:before{content:"⚠";font-size:11px}@media (max-width:768px){.po-stats-grid{grid-template-columns:repeat(2,1fr)}.po-toolbar{align-items:stretch;flex-direction:column}.po-toolbar-center,.po-toolbar-left,.po-toolbar-right{width:100%}.po-toolbar-center{flex-direction:column}.po-date-range{width:100%}.po-date-range input{flex:1 1}.po-cards-grid{grid-template-columns:1fr}.po-items-header,.po-items-row{gap:8px;grid-template-columns:1fr}.po-items-header span{display:none}.po-items-header span:first-child{display:block}.po-items-row input,.po-items-row select{width:100%}.po-detail-info{grid-template-columns:1fr 1fr}}.po-modal-large{max-width:900px;width:95%}.po-edit-info{background:#f8fafc;border-radius:8px;display:flex;gap:24px;margin-bottom:16px;padding:12px 16px}.po-edit-info p{color:#475569;font-size:14px;margin:0}.po-edit-items-table{margin-bottom:16px;overflow-x:auto}.po-edit-items-table table{border-collapse:collapse;font-size:14px;width:100%}.po-edit-items-table td,.po-edit-items-table th{border-bottom:1px solid #e2e8f0;padding:10px 12px;text-align:left}.po-edit-items-table th{background:#f1f5f9;color:#475569;font-weight:600}.po-edit-items-table tbody tr:hover{background:#f8fafc}.po-edit-items-table tfoot tr{background:#f1f5f9}.po-edit-items-table .item-deleted{background:#fef2f2;opacity:.6}.po-edit-items-table .item-deleted td{color:#9ca3af;text-decoration:line-through}.po-edit-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:6px 8px;width:80px}.po-edit-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.po-edit-input:disabled{background:#f1f5f9;cursor:not-allowed}.po-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .2s}.po-btn-warning:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.po-btn-sm{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s}.po-btn-delete{background:#fee2e2;color:#dc2626}.po-btn-delete:hover{background:#fecaca}.po-btn-restore{background:#dcfce7;color:#16a34a}.po-btn-restore:hover{background:#bbf7d0}.cannot-delete{color:#9ca3af;font-size:16px}.po-edit-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:14px;margin-top:12px;padding:12px 16px}.staff-attendance-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.attendance-content{background:#1e1e2e;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.attendance-header{align-items:center;background:#1e1e2e;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.attendance-header h2{color:#fff;font-size:1.5rem;margin:0}.attendance-header .close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:28px;line-height:1;padding:0}.attendance-header .close-btn:hover{color:#fff}.salary-row{align-items:center;display:flex;gap:12px}.salary-label{color:#ccc;font-weight:600}.salary-display{align-items:center;display:flex;gap:12px}.salary-amount{color:#10b981;font-size:1.25rem;font-weight:700}.salary-edit{align-items:center;display:flex;gap:8px}.salary-edit input{background:#1e1e2e;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;padding:6px 10px;width:120px}.month-navigation{align-items:center;display:flex;justify-content:space-between;padding:16px 24px}.month-navigation h3{color:#fff;font-size:1.25rem;margin:0}.nav-btn{background:#0000;border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.nav-btn:hover:not(:disabled){background:#333;color:#fff}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.attendance-legend{background:#252535;border-bottom:1px solid #333;display:flex;flex-wrap:wrap;gap:12px;padding:12px 24px}.legend-item{color:#ccc;font-size:.85rem;gap:6px}.legend-icon,.legend-item{align-items:center;display:flex}.legend-icon{border-radius:4px;color:#fff;font-size:.9rem;height:24px;justify-content:center;width:24px}.calendar-container{padding:16px 20px}.calendar-wrapper{border:1px solid #444;border-radius:8px;overflow:hidden}.calendar-header{background:#2a2a3d;border-bottom:1px solid #444;display:grid;grid-template-columns:repeat(7,1fr)}.calendar-header div{border-right:1px solid #333;color:#888;font-size:.75rem;font-weight:600;padding:10px 0;text-align:center}.calendar-header div:last-child{border-right:none}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;background:#1e1e2e;border-bottom:1px solid #333;border-right:1px solid #333;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:4px;transition:background-color .15s}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover:not(.empty):not(.future):not(.pre-join){background:#333}.calendar-day.empty{background:#1a1a24;cursor:default}.calendar-day.future{background:#1a1a24;cursor:not-allowed;opacity:.5}.calendar-day.pre-join{background:#1a1a24;cursor:not-allowed;opacity:.6}.calendar-day.pre-join:hover{background:#1a1a24}.pre-join-status{color:#555!important;font-size:.65rem!important;font-weight:500}.calendar-day.today{background:#252545;box-shadow:inset 0 0 0 2px #3b82f6}.calendar-day.selected{background:#3a3a2a;box-shadow:inset 0 0 0 2px #f59e0b}.day-number{color:#fff;font-size:.85rem;font-weight:600;line-height:1}.day-status{font-size:.8rem;line-height:1;margin-top:3px}.day-edit-panel{animation:slideIn .2s ease;background:#252535;border-top:1px solid #333;padding:16px 24px}.day-edit-panel h4{color:#fff;font-size:1rem;margin:0 0 12px}.status-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.status-btn{background:#0000;border:2px solid;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .2s}.status-btn:hover{transform:scale(1.02)}.status-btn.selected{font-weight:600}.day-notes-input{background:#1e1e2e;border:1px solid #444;border-radius:8px;color:#fff;font-size:.9rem;margin-bottom:12px;padding:10px 12px;width:100%}.day-edit-actions{display:flex;gap:8px;justify-content:flex-end}.salary-summary{background:#252535;border-top:1px solid #333;padding:20px 24px}.salary-summary h4{color:#fff;font-size:1.1rem;margin:0 0 16px}.summary-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.summary-item{border:none;border-radius:12px;padding:16px 12px;text-align:center;transition:transform .2s,box-shadow .2s}.summary-item:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.summary-item.present{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.summary-item.paid-leave{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.summary-item.half-day{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.summary-item.holiday{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d}.summary-item.absent{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.summary-item.total{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d}.summary-value{color:#fff;display:block;font-size:1.75rem;font-weight:800;text-shadow:0 1px 2px #0003}.summary-label{color:#ffffffe6;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.salary-calculation{background:#1e1e2e;border-radius:8px;margin-bottom:16px;padding:16px}.calc-row{border-bottom:1px solid #333;color:#ccc;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 0}.calc-row:last-child{border-bottom:none}.calc-row.total-salary{border-top:2px solid #333;color:#10b981;font-size:1.1rem;font-weight:700;margin-top:8px;padding-top:12px}.payment-status{align-items:center;background:#1e1e2e;border-radius:8px;display:flex;gap:12px;padding:16px}.payment-status.paid{background:#10b9811a;border:1px solid #10b981}.status-icon{font-size:1.5rem}.payment-info{display:flex;flex-direction:column;gap:4px}.payment-info strong{color:#10b981}.payment-info span{color:#888;font-size:.85rem}.record-payment-btn{font-size:1rem;font-weight:600;padding:14px;width:100%}.payment-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.payment-modal{background:#1e1e2e;border-radius:12px;max-height:90vh;max-width:400px;overflow-y:auto;padding:24px;width:100%}.payment-modal h3{color:#fff;margin:0 0 16px}.payment-details{background:#252535;border-radius:8px;margin-bottom:16px;padding:12px}.payment-details p{color:#ccc;font-size:.9rem;margin:4px 0}.payment-modal .form-group{margin-bottom:16px}.payment-modal label{color:#ccc;display:block;font-size:.9rem;margin-bottom:6px}.payment-modal select,.payment-modal textarea{background:#252535;border:1px solid #444;border-radius:8px;color:#fff;font-size:.9rem;padding:10px 12px;width:100%}.payment-modal textarea{min-height:80px;resize:vertical}.loading-container{padding:60px}.spinner{border:3px solid #333}.error-banner{background:#ef444433;border-bottom:1px solid #ef4444;color:#ef4444;padding:12px 24px}.error-banner button{color:#ef4444;text-decoration:underline}.btn-sm{font-size:.85rem;padding:6px 12px}.btn-secondary{background:#4b5563;color:#fff}.btn-secondary:hover{background:#374151}.btn-success{background:#10b981}.btn-success:hover{background:#059669}.btn-outline{background:#0000;border:1px solid #444;color:#ccc}.btn-outline:hover{background:#333}.btn:disabled{opacity:.5}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}.salary-config{background:#252535;border-bottom:1px solid #333;padding:16px 24px}.salary-edit-form{display:flex;flex-direction:column;gap:12px}.salary-type-selector{align-items:center;display:flex;gap:12px}.salary-type-selector label{color:#ccc;font-weight:500}.salary-type-buttons{display:flex;gap:8px}.type-btn{background:#0000;border:2px solid #444;border-radius:20px;color:#ccc;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .2s}.type-btn:hover{border-color:#666}.type-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.salary-input-row{align-items:center;display:flex;gap:12px}.salary-input-row label{color:#ccc;font-weight:500;min-width:120px}.salary-input-group{align-items:center;display:flex;gap:4px}.salary-input-group .currency{color:#10b981;font-size:1.1rem;font-weight:600}.salary-input-group input{background:#1e1e2e;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;padding:8px 12px;width:150px}.salary-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.salary-display-row{align-items:center;display:flex;justify-content:space-between}.salary-info{align-items:center;display:flex;gap:12px}.salary-type-badge{background:#3b82f6;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.calc-row.deduction{color:#ef4444}.calc-row.paid{color:#10b981}.calc-row.pending{color:#f59e0b;font-weight:600}.calc-row.pending.fully-paid{color:#10b981}.payment-history{border-top:1px solid #333;margin-top:16px;padding-top:16px}.payment-history h5{color:#ccc;font-size:.9rem;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.payment-record{grid-gap:12px;align-items:center;background:#1e1e2e;border-left:3px solid #10b981;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto auto;margin-bottom:8px;padding:12px 14px}.payment-main{display:flex;flex-direction:column;gap:4px}.payment-main-row{align-items:center;display:flex;gap:10px}.payment-type-badge{background:#3b82f620;border-radius:4px;color:#3b82f6;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.payment-type-badge.fullpayment{background:#10b98120;color:#10b981}.payment-type-badge.advance{background:#f59e0b20;color:#f59e0b}.payment-type-badge.partial{background:#8b5cf620;color:#8b5cf6}.payment-type-badge.adjustment{background:#ec489920;color:#ec4899}.payment-type-badge.previousmonth{background:#6b728020;color:#9ca3af}.payment-amount{color:#10b981;font-size:1.1rem;font-weight:700}.payment-date-info{align-items:center;color:#aaa;display:flex;font-size:.85rem;gap:8px}.payment-date-info .date{color:#fff;font-weight:500}.payment-date-info .method{background:#333;border-radius:4px;color:#ccc;font-size:.75rem;padding:2px 8px}.payment-notes{color:#888;font-size:.8rem;font-style:italic;margin-top:2px}.payment-actions{display:flex;gap:6px}.btn-edit{background:#3b82f620;border:1px solid #3b82f640;color:#3b82f6}.btn-edit:hover{background:#3b82f640}.amount-input-group{align-items:center;display:flex;gap:8px}.amount-input-group .currency{color:#10b981;font-size:1.1rem;font-weight:600}.amount-input-group input{background:#252535;border:1px solid #444;border-radius:8px;color:#fff;flex:1 1;font-size:.9rem;padding:10px 12px}@media (max-width:600px){.attendance-content{border-radius:12px 12px 0 0;margin-top:auto;max-height:95vh}.calendar-container{padding:12px 10px}.calendar-wrapper{border-radius:6px}.calendar-header div{font-size:.65rem;padding:8px 0}.calendar-day{min-height:40px;padding:2px}.day-number{font-size:.75rem}.day-status{font-size:.65rem;margin-top:2px}.pre-join-status{font-size:.5rem!important}.summary-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.summary-item{border-radius:10px;padding:12px 8px}.summary-value{font-size:1.25rem}.summary-label{font-size:.6rem;margin-top:2px}.status-buttons{flex-direction:column}.status-btn{text-align:center;width:100%}}.running-balance-section{background:linear-gradient(180deg,#3b82f61a,#0000);border-radius:0 0 8px 8px;border-top:2px solid #3b82f6;margin:16px -16px -16px;padding:16px}.calc-row.balance-header{border-bottom:1px solid #333;color:#3b82f6;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding-bottom:8px;text-transform:uppercase}.calc-row.running-balance{border-top:1px dashed #444;font-size:1.1rem;font-weight:700;margin-top:8px;padding-top:12px}.calc-row.running-balance.pending{color:#f59e0b}.calc-row.running-balance.overpaid{color:#10b981}.payment-balance-summary{border-top:1px solid #444;margin-top:12px;padding-top:12px}.payment-details .sub-detail{color:#aaa;font-size:.85rem;padding-left:12px}.payment-details .balance-due{background:#f59e0b33;border-radius:6px;color:#f59e0b;margin-top:8px;padding:8px 12px}.payment-details .balance-due.overpaid{background:#10b98133;color:#10b981}@media (max-width:600px){.payment-modal-overlay{align-items:flex-start;padding:10px}.payment-modal{margin-top:10px;max-height:calc(100vh - 20px);padding:16px}.payment-modal h3{font-size:1.1rem}.payment-details{padding:10px}.payment-details p{font-size:.85rem}.modal-actions{flex-direction:column-reverse;gap:8px}.modal-actions .btn{padding:12px;width:100%}}.payment-modal input[type=date]{background:#252535;border:1px solid #444;border-radius:8px;color:#fff;font-size:.9rem;padding:10px 12px;width:100%}.payment-modal input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.8)}.staff-management{margin:0 auto;max-width:1400px;padding:1.5rem}.staff-management.embedded{padding:0}.staff-header{margin-bottom:1.5rem}.staff-header h2{color:#333;font-size:1.5rem;margin:0}.staff-subtitle{color:#666;font-size:.9rem;margin:.25rem 0 0}.error-banner{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.error-banner button{background:none;border:none;color:#dc2626;cursor:pointer;font-weight:500}.staff-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.search-filter{display:flex;flex:1 1;gap:.75rem;min-width:300px}.search-input{flex:1 1;max-width:400px}.role-filter,.search-input{border:1px solid #ddd;border-radius:8px;font-size:.9rem;padding:.625rem 1rem}.role-filter{background:#fff;min-width:150px}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.users-table th{color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table th,.users-table tr:hover{background:#f9fafb}.users-table tr.inactive{opacity:.6}.user-name{display:flex;flex-direction:column}.user-name .name{color:#111;font-weight:500}.user-name .phone{color:#666;font-size:.8rem;margin-top:.25rem}.role-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;margin:0 .25rem;padding:.25rem .75rem}.badge-admin{background:#dbeafe;color:#1d4ed8}.badge-staff{background:#dcfce7;color:#16a34a}.badge-kitchen{background:#fef3c7;color:#d97706}.status-badge{font-size:.8rem;padding:.25rem .75rem}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fee2e2;color:#dc2626}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-sm{font-size:.8rem;padding:.375rem .75rem}.btn-warning{background:#fef3c7;border:1px solid #fcd34d;color:#d97706}.btn-warning:hover{background:#fcd34d}.btn-success{background:#dcfce7;border:1px solid #86efac;color:#16a34a}.btn-success:hover{background:#86efac}.btn-danger{background:#fee2e2;border:1px solid #fecaca}.btn-danger:hover{background:#fecaca}.btn-info{background:#dbeafe;border:1px solid #93c5fd;color:#1d4ed8}.btn-info:hover{background:#93c5fd}.empty-state{color:#666;padding:3rem!important}.staff-info{background:#f0f9ff;border-radius:8px;color:#0369a1;font-size:.9rem;margin-top:1.5rem;padding:1rem}.staff-info p{margin:.5rem 0}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:4rem}.loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.modal-header{border-bottom:1px solid #eee;padding:1.25rem 1.5rem}.modal-header h3{font-size:1.25rem}.close-btn{background:none;color:#666;font-size:1.5rem;line-height:1;padding:0}.close-btn:hover{color:#333}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ddd;font-size:1rem;padding:.625rem .875rem}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.form-help{color:#666;display:block;margin-top:.25rem}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-group input[type=checkbox]{width:auto}.modal-actions{border-top:1px solid #eee;gap:.75rem;margin-top:1.5rem;padding-top:1rem}.btn{padding:.625rem 1.25rem;transition:all .2s}.btn-secondary{background:#f3f4f6;border:1px solid #ddd}.btn-secondary:hover{background:#e5e7eb}@media (max-width:768px){.staff-controls{align-items:stretch;flex-direction:column}.search-filter{flex-direction:column;min-width:0;min-width:auto}.role-filter,.search-input{max-width:none;width:100%}.users-table td,.users-table th{font-size:.85rem;padding:.75rem .5rem}.actions{flex-direction:column}.staff-info{font-size:.8rem}}.staff-permissions-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.staff-permissions-section h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.settings-success-message{background:#dcfce7;border-radius:8px;color:#16a34a;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.625rem 1rem}.permission-toggle{display:flex;flex-direction:column;gap:.75rem}.toggle-switch{align-items:center;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background:#cbd5e1;border-radius:26px;display:inline-block;flex-shrink:0;height:26px;position:relative;transition:background .3s ease;width:48px}.toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:20px}.toggle-switch input:checked+.toggle-slider{background:#22c55e}.toggle-switch input:checked+.toggle-slider:after{transform:translateX(22px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.toggle-label{color:#334155;font-size:.95rem;font-weight:500}.permission-help{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.settings-updated-info{color:#94a3b8;font-size:.8rem;font-style:italic;margin:.5rem 0 0}.cash-session-management{background:#f8fafc;border-radius:12px;margin:0 auto;max-width:1400px;min-height:100%;padding:24px}.cash-session-management.embedded{background:#0000;padding:0}.cash-session-management.loading{align-items:center;display:flex;justify-content:center;min-height:300px}.loading-spinner{color:#64748b;font-size:16px}.view-tabs{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;gap:8px;padding:6px}.view-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.view-tab:hover{background:#f1f5f9;color:#334155}.view-tab.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.no-session-card{background:#fff;border:2px dashed #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:60px 40px;text-align:center}.no-session-icon{font-size:64px;margin-bottom:20px}.no-session-card h3{color:#1e293b;font-size:24px;margin-bottom:10px}.no-session-card p{color:#64748b;font-size:16px;margin-bottom:30px}.btn-large{font-size:18px;padding:16px 32px}.no-session-container{display:flex;flex-direction:column;gap:24px}.last-session-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:24px}.last-session-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.last-session-header h4{color:#334155;font-size:18px;margin:0}.last-session-time{color:#64748b;display:flex;font-size:14px;gap:24px;margin-bottom:16px}.last-session-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.last-session-stats .stat-row{background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.last-session-stats .stat-row .label{color:#64748b;font-size:14px}.last-session-stats .stat-row .value{color:#1e293b;font-weight:600}.last-session-stats .stat-row.highlight{background:linear-gradient(135deg,#10b981,#059669)}.last-session-stats .stat-row.highlight .label,.last-session-stats .stat-row.highlight .value{color:#fff}.last-session-stats .stat-row.variance.negative{background:#fef2f2}.last-session-stats .stat-row.variance.negative .value{color:#ef4444}.last-session-stats .stat-row.variance.positive{background:#f0fdf4}.last-session-stats .stat-row.variance.positive .value{color:#10b981}.sales-breakdown-mini{background:#f1f5f9;border-radius:8px;color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;padding:12px}.sales-breakdown-mini span{white-space:nowrap}.close-notes-mini{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:8px;color:#92400e;font-size:14px;margin-top:12px;padding:12px}.active-session-container{display:flex;flex-direction:column;gap:20px}.session-header-card{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 4px 12px #10b98140;color:#fff;display:flex;flex-wrap:wrap;gap:24px;padding:24px}.session-header-top{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.session-header-top .refresh-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.session-header-top .refresh-btn:hover{background:#ffffff4d;border-color:#ffffff80}.session-status{align-items:center;display:flex;font-size:18px;font-weight:600;gap:10px}.session-status .status-dot{animation:pulse 2s infinite;background:#a7f3d0;border-radius:50%;box-shadow:0 0 8px #a7f3d099;height:12px;width:12px}.session-user{font-size:16px;opacity:.95}.session-time{background:#ffffff26;border-radius:8px;font-size:14px;margin-left:auto;opacity:.85;padding:6px 12px}.session-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{border-left:4px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card.opening{border-left-color:#3b82f6}.stat-card.expected{border-left-color:#10b981}.stat-card.sales{border-left-color:#f59e0b}.stat-card.bills{border-left-color:#8b5cf6}.stat-label{color:#64748b;font-weight:500;letter-spacing:.5px;margin-bottom:8px}.stat-value{color:#1e293b;font-size:26px}.sales-breakdown{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px}.sales-breakdown h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.breakdown-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.breakdown-item{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px}.breakdown-label{color:#64748b;font-size:12px;font-weight:500}.breakdown-value{color:#1e293b;font-size:18px;font-weight:600}.breakdown-item.cash-item{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.breakdown-item.cash-item .breakdown-label{color:#166534}.breakdown-item.cash-item .breakdown-value{color:#15803d}.breakdown-item.credit-item{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24}.breakdown-item.credit-item .breakdown-label{color:#92400e}.breakdown-item.credit-item .breakdown-value{color:#b45309}.breakdown-grid.sub-breakdown{border-top:1px dashed #e2e8f0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:12px;padding-top:12px}.breakdown-item.sub-item{background:#f8fafc;padding:8px 12px}.breakdown-item.sub-item .breakdown-label{font-size:11px}.breakdown-item.sub-item .breakdown-value{font-size:14px}.sales-breakdown-mini .cash-highlight{color:#15803d;font-weight:600}.sales-breakdown-mini .credit-highlight{color:#b45309;font-weight:600}.sales-breakdown-mini.sub{background:#f1f5f9;border-top:1px dashed #e2e8f0;color:#64748b;font-size:12px;margin-top:-8px;padding:8px 12px}.detail-row.cash-row{background:#dcfce7;border-radius:6px;margin:4px 0;padding:8px 12px}.detail-row.cash-row .cash-value{color:#15803d;font-weight:600}.detail-row.credit-row{background:#fef3c7;border-radius:6px;margin:4px 0;padding:8px 12px}.detail-row.credit-row .credit-value{color:#b45309;font-weight:600}.detail-row.sub-row{color:#64748b;font-size:13px;padding-left:20px}.session-actions{display:flex;flex-wrap:wrap;gap:12px}.session-actions .btn{flex:1 1;font-size:16px;min-width:150px;padding:14px 20px}.transactions-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px}.transactions-section h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.transactions-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:8px}.transactions-list::-webkit-scrollbar{width:6px}.transactions-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.transactions-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.transactions-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.transaction-item{grid-gap:12px;align-items:center;background:#f8fafc;border-radius:10px;display:grid;gap:12px;grid-template-columns:100px 120px 1fr auto;padding:14px 16px;transition:all .2s ease}.transaction-item:hover{background:#f1f5f9}.transaction-item.cashin{border-left:4px solid #10b981}.transaction-item.cashout{border-left:4px solid #ef4444}.transaction-item.credit-balanced{background:#fdf4ff;border-left:4px solid #7c3aed}.tx-type{color:#334155;font-size:13px;font-weight:600}.tx-amount{color:#1e293b;font-size:16px;font-weight:700}.tx-reason{color:#64748b;font-size:13px}.tx-time{color:#94a3b8;font-size:12px}.all-sessions-container{display:flex;flex-direction:column;gap:20px}.date-filter{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:12px;padding:16px}.date-filter label{color:#334155;font-weight:500}.date-filter input[type=date]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:14px;padding:10px 14px}.date-filter input[type=date]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.sessions-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.sessions-table{border-collapse:collapse;width:100%}.sessions-table td,.sessions-table th{border-bottom:1px solid #f1f5f9;padding:14px 16px;text-align:left}.sessions-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sessions-table tbody tr{transition:background .15s ease}.sessions-table tbody tr:hover{background:#f8fafc}.sessions-table tbody tr:last-child td{border-bottom:none}.sessions-table .negative{color:#ef4444;font-weight:600}.sessions-table .positive{color:#10b981;font-weight:600}.status-badge{padding:6px 12px}.status-badge.active{background:#d1fae5;color:#059669}.status-badge.closed{background:#f1f5f9;color:#64748b}.day-summary{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px}.day-summary h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-item{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:16px}.summary-item .label{color:#64748b;font-size:12px;font-weight:500}.summary-item .value{color:#1e293b;font-size:22px;font-weight:700}.summary-item .value.negative{color:#ef4444}.summary-item.cash-summary{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.summary-item.cash-summary .label{color:#166534}.summary-item .value.cash-value,.summary-item.cash-summary .value{color:#15803d}.summary-item.credit-summary{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24}.summary-item.credit-summary .label{color:#92400e}.summary-item .value.credit-value,.summary-item.credit-summary .value{color:#b45309}.summary-item.previous-day-cash{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;grid-column:span 1}.summary-item.previous-day-cash .label{color:#1e40af;font-size:11px}.summary-item.previous-day-cash .value{color:#1d4ed8;font-weight:700}.summary-item.previous-day-cash .value.highlight{font-size:20px}.summary-item.today-opening{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981}.summary-item.today-opening .label{color:#065f46;font-size:11px}.summary-item.today-opening .value{color:#047857;font-size:18px;font-weight:700}.summary-item.total-cash-available{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.summary-item.total-cash-available .label{color:#92400e;font-size:11px;font-weight:600}.summary-item.total-cash-available .value{color:#b45309;font-weight:700}.summary-item.total-cash-available .value.highlight{color:#d97706;font-size:22px}.summary-item.vendor-cash-out{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444}.summary-item.vendor-cash-out .label{color:#991b1b;font-size:11px}.summary-item.vendor-cash-out .value{color:#dc2626;font-size:18px;font-weight:700}.summary-item.vendor-cash-out .value.negative{color:#b91c1c}.summary-item.cash-in-summary{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #22c55e}.summary-item.cash-in-summary .label{color:#166534;font-size:11px}.summary-item.cash-in-summary .value{color:#15803d;font-size:18px;font-weight:700}.summary-item.cash-in-summary .value.positive{color:#16a34a}.summary-item.cash-out-summary{background:linear-gradient(135deg,#ffedd5,#fed7aa);border:2px solid #f97316}.summary-item.cash-out-summary .label{color:#9a3412;font-size:11px}.summary-item.cash-out-summary .value{color:#ea580c;font-size:18px;font-weight:700}.summary-item.cash-out-summary .value.negative{color:#c2410c}.cash-movements-details{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-top:20px;padding:16px}.cash-movements-details h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.movements-table-container{overflow-x:auto}.movements-table{border-collapse:collapse;font-size:13px;width:100%}.movements-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.movements-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:10px 12px}.movements-table tr:last-child td{border-bottom:none}.movements-table .cash-in-row{background:#f0fdf4}.movements-table .cash-out-row{background:#fff7ed}.movements-table .vendor-payment-row{background:#fef2f2}.movement-type{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.movement-type.cash-in{background:#dcfce7;color:#166534}.movement-type.cash-out{background:#ffedd5;color:#9a3412}.movement-type.vendor{background:#fee2e2;color:#991b1b}.movement-type.credit-collection{background:#e0f2fe;color:#0369a1}.movements-table .credit-collection-row{background:#f0f9ff}.movements-table .amount{font-family:SF Mono,Monaco,monospace;font-weight:600}.movements-table .amount.positive{color:#16a34a}.movements-table .amount.negative{color:#dc2626}.credit-summary-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;padding:20px}.credit-summary-section h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.credit-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.credit-stat{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:16px}.credit-stat .label{color:#64748b;font-size:12px;font-weight:500}.credit-stat .value{color:#1e293b;font-family:SF Mono,Monaco,monospace;font-size:18px;font-weight:700}.credit-stat .value.negative{color:#dc2626}.credit-stat .value.positive{color:#16a34a}.credit-stat .value.highlight{color:#7c3aed}.credit-stat.outstanding{background:#f1f5f9}.credit-stat.issued{background:#fef2f2}.credit-stat.collected{background:#f0fdf4}.credit-stat.total{background:#f5f3ff}.credit-collected-today,.credit-issued-today,.credit-outstanding-bills{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.credit-collected-today h5,.credit-issued-today h5,.credit-outstanding-bills h5{color:#475569;font-size:14px;font-weight:600;margin:0 0 12px}.credit-bills-table,.credit-details-table{border-collapse:collapse;font-size:13px;width:100%}.credit-bills-table th,.credit-details-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.credit-bills-table td,.credit-details-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:10px 12px}.credit-bills-table tr.overdue{background:#fef2f2}.credit-bills-table .overdue-days{color:#dc2626;font-weight:600}.credit-bills-table .credit-amount{color:#7c3aed;font-family:SF Mono,Monaco,monospace;font-weight:600}.credit-bills-table .mobile{color:#94a3b8;font-size:11px}.credit-details-table .negative{color:#dc2626}.credit-details-table .positive{color:#16a34a}.credit-details-table .reason{color:#64748b;font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-credit-summary{color:#64748b;font-style:italic;padding:20px;text-align:center}.active-sessions-container{display:flex;flex-direction:column;gap:20px}.header-actions{background:#fff;box-shadow:0 1px 3px #0000000d;justify-content:space-between;padding:16px 20px}.header-actions h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.active-sessions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.active-session-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .2s ease}.active-session-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.active-session-card .card-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;justify-content:space-between;padding:18px 20px}.active-session-card .user-name{font-size:16px;font-weight:600}.active-session-card .status-dot{animation:pulse 2s infinite;background:#a7f3d0;border-radius:50%;height:10px;width:10px}.active-session-card .card-body{padding:20px}.active-session-card .card-row{border-bottom:1px solid #f1f5f9;color:#334155;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.active-session-card .card-row:last-child{border-bottom:none}.active-session-card .highlight{color:#10b981;font-weight:700}.active-session-card .card-actions{background:#f8fafc;display:flex;gap:10px;padding:16px 20px}.no-sessions-message{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#64748b;padding:60px 40px;text-align:center}.no-sessions-message .previous-day-info{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:10px;color:#1e40af;display:inline-flex;font-size:14px;gap:10px;margin-top:20px;padding:16px 24px}.no-sessions-message .previous-day-info .info-icon{font-size:18px}.no-sessions-message .previous-day-info strong{color:#1d4ed8;font-size:16px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66}.modal-content{animation:modalSlideIn .2s ease-out;border-radius:20px;box-shadow:0 25px 50px #00000026;max-height:90vh;max-width:520px;overflow-y:auto;padding:28px}.modal-content.modal-large{max-width:750px}.modal-content h3{color:#1e293b;font-size:22px;font-weight:700;margin:0 0 24px}.form-group label{color:#334155;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:15px;padding:14px 16px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.close-summary{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;margin-bottom:20px;padding:20px}.summary-row{color:#334155;font-size:16px}.summary-row .highlight{color:#059669;font-size:20px;font-weight:700}.variance-preview{border-radius:10px;font-size:15px;font-weight:600;margin-bottom:20px;padding:14px 16px;text-align:center}.variance-preview.negative{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.variance-preview.positive{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#16a34a}.variance-preview.neutral{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.admin-close-info{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:12px;margin-bottom:20px;padding:20px}.admin-close-info p{color:#92400e;font-size:14px;margin:6px 0}.modal-actions{justify-content:flex-end;margin-top:24px}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:14px 16px}.session-details{display:flex;flex-direction:column;gap:24px}.detail-section{border-bottom:1px solid #f1f5f9;padding-bottom:20px}.detail-section:last-child{border-bottom:none;padding-bottom:0}.detail-section h4{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.8px;margin:0 0 16px;text-transform:uppercase}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.detail-row{background:#f8fafc;border-radius:8px;color:#334155;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px}.detail-row span:first-child{color:#64748b}.detail-row span:last-child{color:#1e293b;font-weight:600}.detail-row .highlight{color:#10b981;font-weight:700}.detail-row .negative{color:#ef4444}.detail-row .positive{color:#10b981}.transactions-list.compact .transaction-item{font-size:13px;grid-template-columns:30px 90px 1fr auto;padding:10px 12px}.close-notes{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:14px;line-height:1.6;margin:0;padding:16px}.btn{border-radius:10px;font-weight:600;padding:12px 20px}.btn-sm{border-radius:8px;font-size:13px;padding:8px 14px}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98159;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b40}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444440}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}@media (max-width:768px){.breakdown-grid{grid-template-columns:repeat(2,1fr)}.session-actions .btn{flex:none;width:100%}.transaction-item{gap:6px;grid-template-columns:1fr}.sessions-table{font-size:12px}.sessions-table td,.sessions-table th{padding:10px 12px}.detail-grid{grid-template-columns:1fr}.modal-content{border-radius:16px;padding:20px}.view-tabs{flex-wrap:wrap}.view-tab{flex:1 1;min-width:100px;text-align:center}}.bills-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:20px}.bills-section h4{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:600;gap:10px;margin:0 0 16px}.loading-bills{color:#64748b}.loading-bills,.no-bills{font-size:14px;padding:30px;text-align:center}.no-bills{color:#94a3b8;margin:0}.bills-list,.no-bills{background:#f8fafc;border-radius:10px}.bills-list{border:1px solid #e2e8f0;overflow:hidden}.bills-table{border-collapse:collapse;font-size:13px;width:100%}.bills-table th{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase}.bills-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:12px 14px}.bills-table tr:last-child td{border-bottom:none}.bills-table tbody tr{transition:background .15s ease}.bills-table tbody tr:hover{background:#fff}.bill-link,.bill-ref{font-weight:600}.bill-link{border-radius:6px;color:#3b82f6;padding:4px 8px;text-decoration:none;transition:all .2s ease}.bill-link:hover{background:#eff6ff;color:#1d4ed8;text-decoration:none}.bill-link:visited{color:#7c3aed}.bill-amount{color:#1e293b;font-weight:700}.payment-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.payment-badge.cash{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.payment-badge.card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.payment-badge.upi{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.payment-badge.other{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.bills-total{align-items:center;background:#fff;border-top:2px solid #e2e8f0;color:#334155;display:flex;font-weight:500;justify-content:space-between;padding:16px}.bills-total .total-value{color:#10b981;font-size:18px;font-weight:700}.vendor-payments-summary{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:16px;margin-bottom:24px;padding:24px}.vendor-payments-summary h4{align-items:center;color:#92400e;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 16px}.vendor-payments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.vendor-stat{background:#fffc;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px}.vendor-stat.total{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.vendor-stat.total .label{color:#ffffffe6}.vendor-stat.total .value{color:#fff}.vendor-stat .label{color:#92400e;font-size:12px;font-weight:500}.vendor-stat .value{color:#1e293b;font-size:18px;font-weight:700}.vendor-stat .value.negative{color:#fef2f2}.vendor-payments-list{background:#ffffffe6;border-radius:12px;margin-top:16px;padding:16px}.vendor-payments-list h5{color:#92400e;font-size:14px;font-weight:600;margin:0 0 12px}.vendor-payments-table{border-collapse:collapse;font-size:13px;width:100%}.vendor-payments-table th{background:#92400e1a;border-radius:6px;color:#92400e;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.vendor-payments-table td{border-bottom:1px solid #92400e1a;color:#1e293b;padding:10px 12px}.vendor-payments-table tr:last-child td{border-bottom:none}.vendor-payments-table .negative{color:#dc2626;font-weight:600}.vendor-payments-table .notes{color:#64748b;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-vendor-payments{background:#fffbeb;border-radius:10px;color:#92400e;font-size:14px;margin-bottom:20px;padding:20px;text-align:center}.vendor-payments-table .payment-badge{font-size:10px;padding:4px 8px}.vendor-payments-table .payment-badge.bank,.vendor-payments-table .payment-badge.bank\ transfer,.vendor-payments-table .payment-badge.transfer{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857}@media (max-width:768px){.vendor-payments-grid{grid-template-columns:repeat(2,1fr)}.vendor-payments-table{font-size:12px}.vendor-payments-table td,.vendor-payments-table th{padding:8px}}.subscription-upgrade{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:32px}.subscription-upgrade.modal-content{max-height:none!important;max-width:100%!important;overflow:visible!important;padding:24px 24px 32px}.upgrade-modal-overlay{background:#0009;bottom:0;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.upgrade-modal-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:20px auto;max-height:calc(100vh - 40px);max-width:1100px;overflow-y:auto;position:relative;scrollbar-width:none;width:100%}.upgrade-modal-container::-webkit-scrollbar{display:none}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.modal-close:hover{background:#f3f4f6;color:#374151}.upgrade-header{margin-bottom:32px;text-align:center}.upgrade-header h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.upgrade-header p{color:#6b7280;font-size:16px;margin:0 0 16px}.current-plan{color:#6b7280;font-size:14px}.tier-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:600;margin-left:8px;padding:4px 12px}.billing-toggle{background:#f3f4f6;border-radius:12px;display:flex;gap:8px;justify-content:center;margin-bottom:32px;margin-left:auto;margin-right:auto;padding:6px;width:-webkit-fit-content;width:fit-content}.cycle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.cycle-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1f2937}.save-badge{background:#dcfce7;border-radius:10px;color:#166534;font-size:11px;font-weight:600;padding:2px 8px}.tier-cards{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:1fr;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.tier-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:0;padding:24px;position:relative;transition:all .3s ease}.tier-card:hover:not(.disabled){border-color:#c7d2fe;box-shadow:0 12px 40px #6366f126;transform:translateY(-4px)}.tier-card.selected{background:linear-gradient(180deg,#eef2ff,#fff);border-color:#6366f1}.tier-card.popular{border-color:#8b5cf6}.tier-card.disabled{cursor:not-allowed;opacity:.6}.popular-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;left:50%;padding:4px 16px;transform:translateX(-50%)}.current-badge,.popular-badge{border-radius:20px;font-weight:600;position:absolute;top:-12px}.current-badge{background:#f3f4f6;color:#6b7280;font-size:11px;padding:4px 12px;right:12px}.tier-card h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 8px}.tier-description{color:#6b7280;font-size:13px;line-height:1.4;margin:0 0 16px}.tier-price{margin-bottom:8px}.tier-price .currency{color:#374151;font-size:18px;font-weight:600;vertical-align:top}.tier-price .amount{color:#1f2937;font-size:36px;font-weight:800}.tier-price .period{color:#9ca3af;font-size:14px}.savings{color:#059669;font-size:13px;font-weight:600;margin-bottom:16px}.tier-features{flex-grow:1;flex-shrink:0;list-style:none;margin:0 0 20px;padding:0}.tier-features li{align-items:flex-start;color:#4b5563;display:flex;font-size:13px;gap:8px;padding:6px 0}.subscription-upgrade .tier-features li:before{content:none}.tier-features .check{color:#10b981;flex-shrink:0;font-weight:700}.select-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;margin-top:auto;padding:12px 20px;transition:all .2s ease;width:100%}.select-btn:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.select-btn.selected{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.select-btn:disabled{cursor:not-allowed;opacity:.5}.order-summary{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:20px}.order-summary h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.summary-row{color:#4b5563;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.summary-row.savings{color:#059669}.savings-amount{font-weight:600}.summary-row.total{border-top:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:700;margin-top:8px;padding-top:16px}.summary-row.credit{background:#ecfdf5;border-radius:8px;color:#059669;margin:8px 0;padding:10px 12px}.credit-amount{color:#059669;font-weight:600}.summary-row.proration-info{color:#6b7280;font-size:13px;font-style:italic;padding:4px 0}.proration-note{align-items:center;display:flex;gap:6px}.proration-note:before{content:"ℹ️";font-size:14px}.summary-row.subscription-end{border-top:1px dashed #e5e7eb;color:#6b7280;font-size:13px;margin-top:12px;padding-top:12px}.proration-explanation{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;color:#0369a1;font-size:13px;line-height:1.6;margin-top:16px;padding:14px}.summary-row.loading{color:#9ca3af;font-style:italic;padding:8px 0}.summary-row.total.prorated{background:linear-gradient(90deg,#ecfdf5,#f0fdf4);border-radius:0 0 12px 12px;margin:12px -20px 0;padding:16px 20px}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;margin-bottom:20px}.success-message{padding:60px 40px;text-align:center}.success-icon{background:linear-gradient(135deg,#10b981,#059669)}.success-message h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 12px}.success-message p{color:#6b7280;font-size:16px;margin:0 0 24px}.upgrade-actions{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.btn-secondary{border:2px solid #e5e7eb;border-radius:10px;font-size:15px;font-weight:600;padding:14px 32px;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;box-shadow:0 4px 14px #6366f14d;font-size:15px;font-weight:600;padding:14px 40px;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.security-note{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:6px;justify-content:center;text-align:center}.security-note .lock-icon{font-size:14px}@media (max-width:900px){.tier-cards{gap:16px;grid-template-columns:1fr}.tier-card{display:block;padding:20px}.tier-features{flex:none}.select-btn{margin-top:16px}.subscription-upgrade{padding:20px}.upgrade-modal-container{margin:10px auto}}@media (max-width:600px){.upgrade-header h2{font-size:22px}.billing-toggle{flex-direction:column;width:100%}.cycle-btn{justify-content:center;width:100%}.tier-price .amount{font-size:28px}.upgrade-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.reports-module{margin:0 auto;max-width:1400px;padding:20px}.reports-module.embedded{padding:0}.report-tabs{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:10px}.report-tab{background:none;border:none;border-radius:8px 8px 0 0;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.report-tab:hover{background:#f5f5f5;color:#333}.report-tab.active{background:#2196f3;color:#fff}.report-tab.locked{cursor:not-allowed;opacity:.6}.report-tab.locked:hover{background:#f5f5f5;color:#666}.report-tab .lock-icon{font-size:12px;margin-left:4px}.report-content{min-height:400px;position:relative}.loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.error-message{margin-bottom:16px;padding:12px}.date-range-selector,.date-selector{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.date-range-selector input,.date-selector input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 14px}.date-range-selector label{color:#666;font-weight:500}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.summary-card.primary{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.summary-card .card-label{font-size:12px;letter-spacing:.5px;margin-bottom:8px;opacity:.8;text-transform:uppercase}.summary-card .card-value{font-size:28px;font-weight:700;margin-bottom:8px}.summary-card .card-change{font-size:13px;font-weight:500}.summary-card .card-change.positive{color:#4caf50}.summary-card .card-change.negative{color:#f44336}.summary-card.primary .card-change.negative,.summary-card.primary .card-change.positive{color:inherit;opacity:.9}.report-summary{background:#f8f9fa;border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:20px}.report-summary .summary-item{display:flex;flex-direction:column;gap:4px}.report-summary .label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.report-summary .value{color:#333;font-size:24px;font-weight:700}.report-summary .value.primary{color:#2196f3}.report-summary .value.positive{color:#4caf50}.report-summary .value.negative{color:#f44336}.comparison-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.comparison-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;text-align:center}.comparison-card h4{color:#666;font-size:14px;margin:0 0 12px}.comparison-value{color:#333;font-size:24px;font-weight:700}.comparison-sub{color:#999;font-size:13px;margin-top:4px}.payment-breakdown{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:20px}.payment-breakdown h4{color:#333;font-size:16px;margin:0 0 16px}.payment-bars{display:flex;flex-direction:column;gap:12px}.payment-bar{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:80px 1fr 120px}.payment-bar .label{color:#666;font-size:14px}.payment-bar .bar-container{background:#f0f0f0;border-radius:12px;height:24px;overflow:hidden}.payment-bar .bar{border-radius:12px;height:100%;transition:width .3s ease}.payment-bar .bar.cash{background:linear-gradient(90deg,#4caf50,#66bb6a)}.payment-bar .bar.card{background:linear-gradient(90deg,#2196f3,#42a5f5)}.payment-bar .bar.upi{background:linear-gradient(90deg,#9c27b0,#ab47bc)}.payment-bar .value{color:#333;font-weight:600;text-align:right}.report-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:20px}.report-section h4{color:#333;font-size:16px;margin:0 0 16px}.payment-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.payment-item{background:#f8f9fa;border-radius:8px;padding:16px;text-align:center}.payment-item .payment-label{color:#666;font-size:12px;margin-bottom:8px;text-transform:uppercase}.payment-item .payment-value{color:#333;font-size:20px;font-weight:700}.payment-item .payment-bills{color:#999;font-size:12px;margin-top:4px}.hourly-chart{align-items:flex-end;display:flex;gap:8px;height:200px;overflow-x:auto;padding:20px 0}.hour-bar{align-items:center;display:flex;flex-direction:column;height:100%;min-width:40px}.hour-bar .bar-wrapper{align-items:flex-end;display:flex;flex:1 1;width:30px}.hour-bar .bar{background:linear-gradient(180deg,#2196f3,#64b5f6);border-radius:4px 4px 0 0;min-height:4px;width:100%}.hour-bar .hour-label{color:#666;font-size:10px;margin-top:8px}.hour-bar .hour-value{color:#999;font-size:10px;margin-top:4px}.top-items-list{display:flex;flex-direction:column;gap:8px}.top-item{align-items:center;background:#f8f9fa;border-radius:8px;display:grid;grid-template-columns:50px 1fr 80px 100px;padding:12px}.top-item .rank{color:#2196f3;font-weight:700}.top-item .name{font-weight:500}.top-item .qty{color:#666;font-size:13px}.top-item .sales{font-weight:600;text-align:right}.cash-breakdown{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cash-breakdown .breakdown-item{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.cash-breakdown .label{color:#666}.cash-breakdown .value{font-weight:600}.staff-table-container{overflow-x:auto}.staff-table{background:#fff;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.staff-table td,.staff-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.staff-table th{background:#f8f9fa;color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.staff-table .staff-name{font-weight:500}.staff-table .highlight{color:#2196f3;font-weight:600}.staff-table .positive{color:#4caf50}.staff-table .negative{color:#f44336}.trend-chart{margin-bottom:24px}.trend-chart h4{color:#333;font-size:16px;margin:0 0 16px}.chart-container{align-items:flex-end;display:flex;gap:4px;height:200px;overflow-x:auto;padding:20px 0}.trend-bar{align-items:center;display:flex;flex-direction:column;height:100%;min-width:50px}.trend-bar .bar-wrapper{align-items:flex-end;display:flex;flex:1 1;width:40px}.trend-bar .bar{background:linear-gradient(180deg,#4caf50,#81c784);border-radius:4px 4px 0 0;cursor:pointer;min-height:4px;transition:opacity .2s;width:100%}.trend-bar .bar:hover{opacity:.8}.trend-bar .date-label{color:#666;font-size:10px;margin-top:8px;text-align:center}.trend-table{background:#fff;border-radius:12px;overflow:hidden}.trend-table h4{background:#f8f9fa;color:#333;font-size:16px;margin:0;padding:16px}.trend-table table{border-collapse:collapse;width:100%}.trend-table td,.trend-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.trend-table th{background:#f8f9fa;color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.trend-table .highlight{color:#4caf50;font-weight:600}.items-list{display:flex;flex-direction:column;gap:12px}.item-row{grid-gap:16px;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:grid;gap:16px;grid-template-columns:50px 1fr 200px;padding:16px}.item-row .rank{color:#ff9800;font-size:20px;font-weight:700}.item-info{display:flex;flex-direction:column;gap:8px}.item-info .item-name{font-size:16px;font-weight:500}.item-info .item-bar{background:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.item-info .item-bar .bar{background:linear-gradient(90deg,#ff9800,#ffb74d);border-radius:4px;height:100%}.item-stats{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.item-stats .qty{color:#666;font-size:13px}.item-stats .sales{color:#333;font-size:18px;font-weight:700}.btn{border-radius:8px;font-size:14px;padding:10px 16px;transition:all .2s ease}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e0e0e0}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr}.payment-bar{grid-template-columns:60px 1fr 80px}.top-item{font-size:13px;grid-template-columns:40px 1fr 60px 80px}.item-row{gap:12px;grid-template-columns:40px 1fr}.item-stats{align-items:center;border-top:1px solid #eee;flex-direction:row;grid-column:1/-1;justify-content:space-between;padding-top:8px}.staff-table{font-size:12px}.staff-table td,.staff-table th{padding:8px}}.waste-report{padding:0}.summary-card.negative{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.summary-card .card-sub{font-size:12px;margin-top:4px;opacity:.8}.waste-breakdown{display:flex;flex-direction:column;gap:16px}.waste-breakdown .breakdown-item{background:#f8f9fa;border-radius:8px;padding:16px}.waste-breakdown .breakdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.waste-breakdown .reason-label{color:#333;font-size:14px;font-weight:500}.waste-breakdown .reason-count{color:#666;font-size:12px}.waste-breakdown .breakdown-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.waste-breakdown .breakdown-bar .bar.waste{background:linear-gradient(90deg,#f44336,#ef5350);border-radius:4px;height:100%}.waste-breakdown .breakdown-footer{align-items:center;display:flex;justify-content:space-between}.waste-breakdown .cost{color:#f44336;font-weight:600}.waste-breakdown .percent{color:#666;font-size:12px}.trend-bar .bar.waste{background:linear-gradient(180deg,#f44336,#ef5350)}.item-info .item-bar .bar.waste{background:linear-gradient(90deg,#f44336,#ef5350)}.item-stats .sales.negative,.negative{color:#f44336}.waste-table-container{overflow-x:auto}.waste-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.waste-table td,.waste-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.waste-table th{background:#f8f9fa;color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.waste-table .item-name{font-weight:500}.waste-table .negative{color:#f44336;font-weight:600}.badge{font-size:11px;padding:4px 8px;text-transform:uppercase}.badge.cancellation{background:#ffebee;color:#c62828}.badge.other{background:#e3f2fd;color:#1565c0}@media (max-width:768px){.waste-table{font-size:12px}.waste-table td,.waste-table th{padding:8px}.waste-breakdown .breakdown-item{padding:12px}}.business-settings{margin:0 auto;max-width:800px;padding:24px}.business-settings.embedded{padding:0}.settings-header{margin-bottom:24px}.settings-header h2{color:#1f2937;font-size:1.5rem;margin:0 0 8px}.settings-description{color:#6b7280;margin:0}.alert{font-weight:500}.alert-success{align-items:center;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 2.7s;background-color:#10b981;border:none;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;gap:8px;position:fixed;right:20px;top:20px;z-index:1000}.alert-success:before{align-items:center;background:#fff3;border-radius:50%;content:"✓";display:inline-flex;font-size:12px;height:20px;justify-content:center;width:20px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.settings-section{margin-bottom:24px}.settings-section h3{color:#374151;font-size:1.1rem;margin:0 0 16px;padding-bottom:12px}.section-description{color:#6b7280;font-size:.9rem;margin:-8px 0 16px}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text],.form-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-help{color:#9ca3af;font-size:.8rem;margin:4px 0 0}.form-row .form-group{flex:1 1}.form-row .form-group.flex-2{flex:2 1}.logo-group .logo-container{align-items:flex-start;display:flex;gap:16px}.logo-preview{align-items:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.logo-preview img{max-height:100%;max-width:100%;object-fit:contain}.logo-placeholder{color:#9ca3af;font-size:.85rem}.logo-actions{display:flex;flex-direction:column;gap:8px}.logo-actions label.btn{cursor:pointer;text-align:center}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:10px}.toggle-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.toggle-text{color:#374151;font-weight:500}.qr-preview-container{background:#f9fafb;border-radius:8px;margin-top:20px;padding:16px;text-align:center}.qr-preview-container h4{color:#374151;font-size:.95rem;margin:0 0 12px}.qr-preview{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:inline-block;padding:8px}.qr-preview-note{color:#9ca3af;font-size:.8rem;margin:12px 0 0}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#6366f1}.btn-primary:hover:not(:disabled){background-color:#4f46e5}.btn-secondary{background-color:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#d1d5db}.btn-danger{background-color:#fef2f2;color:#dc2626}.btn-danger:hover:not(:disabled){background-color:#fecaca}.btn-large{font-size:1rem;padding:12px 24px}.form-actions{justify-content:flex-end}.settings-footer{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.last-updated{color:#9ca3af;font-size:.85rem;margin:0}.access-denied{color:#6b7280;padding:48px;text-align:center}.access-denied h3{color:#dc2626;margin-bottom:8px}.loading-spinner{color:#6b7280;padding:48px;text-align:center}@media (max-width:640px){.business-settings,.settings-section{padding:16px}.form-row{flex-direction:column;gap:0}.logo-group .logo-container{align-items:center;flex-direction:column}.logo-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}}.notification-management{margin:0 auto;max-width:900px;padding:24px}.notification-management.embedded{padding:0}.loading-state{padding:40px;text-align:center}.notification-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{padding:20px}.stat-value{color:#1f2937;margin-bottom:4px}.stat-value.configured{color:#16a34a;font-size:1.25rem}.stat-value.not-configured{color:#dc2626;font-size:1.25rem}.stat-label{font-size:.875rem}.alert{border-radius:8px;font-size:.9375rem;margin-bottom:16px;padding:12px 16px}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.alert-warning{align-items:center;background-color:#fffbeb;border:1px solid #fde68a;color:#d97706;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.btn-generate-keys{background:#d97706;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px}.btn-generate-keys:hover{background:#b45309}.btn-generate-keys:disabled{cursor:not-allowed;opacity:.7}.view-tabs{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-weight:500;padding:10px 16px;transition:all .2s}.tab-btn:hover{color:#374151}.tab-btn.active{color:#1f2937}.compose-section,.tab-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a}.compose-section{border-radius:12px;padding:24px}.templates-row{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.templates-row label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.template-chips{display:flex;flex-wrap:wrap;gap:8px}.template-chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;font-size:.875rem;padding:6px 12px;transition:all .2s}.template-chip:hover{background:#e5e7eb;border-color:#d1d5db}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.9375rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.char-count{color:#9ca3af;display:block;font-size:.75rem;margin-top:4px;text-align:right}.form-row{gap:16px;margin-bottom:24px}.checkbox-label,.form-row{align-items:center;display:flex}.checkbox-label{color:#374151;cursor:pointer;font-size:.9375rem;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.template-name-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:.875rem;max-width:200px;padding:8px 12px}.btn-send{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .2s;width:100%}.btn-send:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-send:disabled{cursor:not-allowed;opacity:.6;transform:none}.history-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.no-data{color:#6b7280;padding:40px;text-align:center}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{background:#f9fafb;border-left:4px solid #667eea;border-radius:8px;padding:16px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.category-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.category-badge.announcement{background:#e0e7ff;color:#4338ca}.category-badge.promotional{background:#dcfce7;color:#16a34a}.category-badge.orderupdate{background:#fef3c7;color:#d97706}.timestamp{color:#9ca3af;font-size:.75rem}.history-title{color:#1f2937;font-weight:600;margin-bottom:4px}.history-body{color:#4b5563;font-size:.9375rem;margin-bottom:8px}.history-stats{display:flex;font-size:.8125rem;gap:16px}.stat-delivered{color:#16a34a}.stat-failed{color:#dc2626}.stat-sender{color:#6b7280}.settings-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.settings-section h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.125rem;margin:0 0 24px;padding-bottom:16px}.setting-item{border-bottom:1px solid #f3f4f6;padding:16px 0}.setting-item:last-child{border-bottom:none}.setting-info{margin-bottom:12px}.setting-info h4{color:#1f2937;font-size:1rem;margin:0 0 4px}.setting-info p{color:#6b7280;font-size:.875rem;margin:0}.btn-setting{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.btn-setting.btn-primary{background:#667eea;color:#fff}.btn-setting.btn-primary:hover{background:#5a67d8}.btn-setting.btn-warning{background:#fef3c7;border:1px solid #fde68a;color:#d97706}.btn-setting.btn-warning:hover{background:#fde68a}.btn-setting:disabled{cursor:not-allowed;opacity:.6}.template-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.template-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;gap:12px;padding:10px 12px}.template-name{color:#1f2937;font-weight:500;min-width:120px}.template-preview{color:#6b7280;flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete{background:none;border:none;color:#dc2626;cursor:pointer;font-size:.875rem;padding:4px 8px}.btn-delete:hover{text-decoration:underline}@media (max-width:640px){.notification-management{padding:16px}.notification-stats{grid-template-columns:1fr 1fr}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.form-grid{grid-template-columns:1fr}.form-row{align-items:flex-start;flex-direction:column}.template-name-input{max-width:100%;width:100%}.history-header{align-items:flex-start;flex-direction:column;gap:4px}.history-stats{flex-wrap:wrap}.alert-warning{flex-direction:column;text-align:center}}.ticket-management{display:flex;flex-direction:column;gap:20px;height:100%;padding:20px}.ticket-error,.ticket-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.loading-spinner{animation:spin .8s linear infinite}.ticket-error .error-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#ef4444;display:flex;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.retry-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 20px}.ticket-stats{display:flex;flex-wrap:wrap;gap:16px}.ticket-stats .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1 1;min-width:100px;padding:16px;text-align:center}.ticket-stats .stat-card.total{border-left:4px solid #6366f1}.ticket-stats .stat-card.new{border-left:4px solid #ef4444}.ticket-stats .stat-card.in-progress{border-left:4px solid #f59e0b}.ticket-stats .stat-card.resolved{border-left:4px solid #10b981}.ticket-stats .stat-card.closed{border-left:4px solid #6b7280}.ticket-stats .stat-value{color:#1f2937;display:block;font-size:1.75rem;font-weight:700}.ticket-stats .stat-label{color:#6b7280;font-size:.85rem}.ticket-content{display:flex;flex:1 1;gap:20px;min-height:0}.ticket-list-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1;flex-direction:column;max-width:400px;overflow:hidden}.ticket-list-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.ticket-list-header h3{color:#1f2937;font-size:1rem;margin:0}.status-filter{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.85rem;padding:6px 12px}.ticket-list{flex:1 1;overflow-y:auto;padding:8px}.no-tickets{color:#9ca3af;padding:40px;text-align:center}.ticket-item{border:1px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s ease}.ticket-item:hover{background:#f3f4f6}.ticket-item.selected{background:#eef2ff;border-color:#6366f1}.ticket-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.ticket-name{color:#1f2937;font-size:.95rem;font-weight:600}.ticket-status{border-radius:100px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.ticket-item-email{color:#6b7280;font-size:.85rem}.ticket-item-mobile{color:#9ca3af;font-size:.8rem}.ticket-item-date{color:#9ca3af;font-size:.75rem;margin-top:4px}.ticket-item.wants-trial{border-left:3px solid #10b981}.trial-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;font-size:.65rem;font-weight:700;margin-left:8px;padding:2px 6px;vertical-align:middle}.trial-interest{margin-top:12px}.trial-interest-badge{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid #10b9814d;border-radius:8px;color:#059669;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px}.trial-icon{font-size:1.1rem}.ticket-detail-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex:2 1;flex-direction:column;overflow:hidden}.ticket-detail-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.ticket-detail-header h3{color:#1f2937;font-size:1rem;margin:0}.delete-btn{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .2s ease}.delete-btn:hover{background:#fee2e2}.ticket-detail-content{flex:1 1;overflow-y:auto;padding:16px}.detail-row{margin-bottom:16px}.detail-row label{color:#6b7280;display:block;font-size:.8rem;font-weight:500;margin-bottom:4px}.detail-row a,.detail-row span{color:#1f2937;font-size:.95rem}.detail-row a{color:#6366f1;text-decoration:none}.detail-row a:hover{text-decoration:underline}.detail-row.message p{background:#f9fafb;border-radius:8px;color:#374151;font-size:.9rem;line-height:1.5;margin:0;padding:12px;white-space:pre-wrap}.detail-divider{background:#e5e7eb;height:1px;margin:20px 0}.status-select{background:#fff;cursor:pointer;padding:10px}.detail-row.notes textarea,.status-select{border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;width:100%}.detail-row.notes textarea{font-family:inherit;min-height:100px;padding:12px;resize:vertical}.detail-row.notes textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.save-btn{background:linear-gradient(135deg,#6366f1,#4c1d95);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:10px;padding:12px;transition:all .2s ease;width:100%}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.7}.no-selection{align-items:center;color:#9ca3af;display:flex;height:100%;justify-content:center}@media (max-width:900px){.ticket-content{flex-direction:column}.ticket-list-panel{max-height:300px;max-width:100%}}@media (max-width:600px){.ticket-stats{flex-direction:column}.ticket-stats .stat-card{min-width:auto}}.subscriber-management{margin:0 auto;max-width:1400px;padding:20px}.subscriber-header{margin-bottom:24px}.subscriber-header h2{color:#1a1a2e;font-size:24px;margin:0 0 4px}.subscriber-header .subtitle{color:#6b7280;font-size:14px;margin:0}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6}.error-state .error-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#dc2626;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;margin-bottom:12px;width:48px}.error-state button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:16px;text-align:center}.stat-card.total{border-left-color:#3b82f6}.stat-card.trial{border-left-color:#f59e0b}.stat-card.active{border-left-color:#10b981}.stat-card.expired{border-left-color:#6b7280}.stat-card.warning{border-left-color:#ef4444}.stat-card.cancelled{border-left-color:#8b5cf6}.stat-value{color:#1a1a2e;font-size:28px;font-weight:700}.stat-label{color:#6b7280;font-size:12px;margin-top:4px}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-buttons button{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s}.filter-buttons button:hover{background:#e5e7eb}.filter-buttons button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-buttons button.warning{background:#fef2f2;border-color:#fecaca;color:#dc2626}.filter-buttons button.active.warning{background:#dc2626;border-color:#dc2626;color:#fff}.refresh-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:8px 16px}.refresh-btn:hover{background:#f9fafb}.subscribers-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.subscribers-table{border-collapse:collapse;width:100%}.subscribers-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.subscribers-table td{border-bottom:1px solid #f3f4f6;font-size:14px;padding:14px 16px}.subscribers-table tr:last-child td{border-bottom:none}.subscribers-table tr:hover{background:#f9fafb}.subscribers-table tr.internal-org{background:#f0fdf4}.subscribers-table tr.internal-org:hover{background:#dcfce7}.org-info{display:flex;flex-direction:column;gap:2px}.org-name{align-items:center;color:#1a1a2e;display:flex;font-weight:600;gap:8px}.org-slug{color:#9ca3af;font-size:12px}.internal-badge{background:#10b981;border-radius:4px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.owner-info{display:flex;flex-direction:column;gap:2px}.owner-email{color:#374151}.owner-phone{color:#9ca3af;font-size:12px}.status-badge{border-radius:12px;font-weight:500;padding:4px 10px}.status-badge.status-trial{background:#fef3c7;color:#92400e}.status-badge.status-active{background:#d1fae5;color:#065f46}.status-badge.status-expired{background:#f3f4f6;color:#6b7280}.status-badge.status-cancelled{background:#fce7f3;color:#9d174d}.status-badge.status-suspended{background:#fee2e2;color:#991b1b}.status-badge.status-pastdue{background:#ffedd5;color:#9a3412}.plan-badge{background:#e0e7ff;border-radius:4px;color:#4338ca;display:inline-block;font-size:10px;margin-left:6px;padding:2px 6px}.days-remaining,.plan-badge{font-weight:500}.days-remaining.warning{color:#dc2626;font-weight:600}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.action-btn{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all .2s}.action-btn.extend{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.action-btn.extend:hover{background:#bfdbfe}.action-btn.cancel{background:#fef3c7;border-color:#fcd34d;color:#92400e}.action-btn.cancel:hover{background:#fde68a}.action-btn.activate{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.action-btn.activate:hover{background:#a7f3d0}.action-btn.change-plan{background:#e0e7ff;border-color:#a5b4fc;color:#3730a3}.action-btn.change-plan:hover{background:#c7d2fe}.action-btn.delete{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.action-btn.delete:hover{background:#fecaca}.no-actions{color:#9ca3af;font-size:12px}.empty-state{color:#6b7280;padding:40px 20px;text-align:center}.modal-overlay{background:#00000080}.modal-content{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:420px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{color:#1a1a2e;font-size:18px;margin:0}.modal-header.danger{background:#fef2f2;border-bottom-color:#fecaca}.modal-header.danger h3{color:#dc2626}.close-btn{background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:16px;height:28px;width:28px}.close-btn:hover{background:#e5e7eb}.modal-body{padding:20px}.modal-body p{color:#374151;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{color:#374151;font-size:13px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.quick-options{display:flex;gap:8px;margin-top:12px}.quick-options button{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px}.quick-options button:hover{background:#e5e7eb}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px}.btn-secondary:hover{background:#f3f4f6}.btn-primary{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px}.btn-primary:hover{background:#2563eb}.btn-danger:disabled,.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px}.btn-danger:hover{background:#b91c1c}.delete-modal .warning-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#dc2626;display:flex;font-size:28px;font-weight:700;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.delete-modal .warning-text{background:#fef2f2;border-radius:8px;color:#991b1b;font-size:13px;padding:12px}@media (max-width:768px){.subscriber-management{padding:12px}.stats-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:12px}.stat-value{font-size:20px}.subscribers-table-container{overflow-x:auto}.subscribers-table{min-width:800px}.filters-bar{align-items:stretch;flex-direction:column}.filter-buttons{overflow-x:auto;padding-bottom:8px}}.data-count{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.data-count.has-data{background:#d1fae5;color:#065f46}.data-count.no-data{background:#f3f4f6;color:#6b7280}.org-slug-info{color:#6b7280;font-size:13px;margin:8px 0}.org-slug-info code{background:#f3f4f6;border-radius:4px;font-family:monospace;padding:2px 6px}.data-count-warning{border-radius:8px;margin:16px 0;padding:12px;text-align:center}.data-count-warning.has-data{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.data-count-warning.no-data{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.data-count-warning p{font-size:13px;margin:8px 0 0}.action-btn.rename{background:#e0e7ff;border-color:#a5b4fc;color:#4338ca}.action-btn.rename:hover{background:#c7d2fe}.current-slug-info{color:#6b7280;font-size:13px;margin:8px 0}.current-slug-info code{background:#f3f4f6;border-radius:4px;font-family:monospace;padding:2px 6px}.slug-hint{color:#9ca3af;font-size:12px;margin-top:8px}.migrate-btn{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.migrate-btn:hover{background:#7c3aed}.migrate-modal{max-width:520px}.migrate-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:20px}.migrate-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:16px}.migrate-arrow{align-items:center;display:flex;gap:12px;justify-content:center;text-align:center}.migrate-arrow .source-org,.migrate-arrow .target-org{align-items:center;color:#374151;display:flex;flex-direction:column;font-weight:600;gap:4px}.migrate-arrow .source-org small,.migrate-arrow .target-org small{color:#6b7280;font-size:12px;font-weight:400}.migrate-arrow .source-org{color:#dc2626}.migrate-arrow .target-org{color:#059669}.migrate-arrow .arrow{color:#6b7280;font-size:24px}.migrate-warning{background:#fef3c7;border-radius:6px;color:#92400e;font-size:13px;margin-top:12px;padding:8px 12px;text-align:center}.action-btn.reduce{background:#ffedd5;border-color:#fdba74;color:#9a3412}.action-btn.reduce:hover{background:#fed7aa}.action-btn.expire{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.action-btn.expire:hover{background:#fecaca}.modal-header.warning{background:#fffbeb;border-bottom-color:#fde68a}.modal-header.warning h3{color:#92400e}.btn-warning{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px}.btn-warning:hover{background:#d97706}.btn-warning:disabled{cursor:not-allowed;opacity:.6}.reduce-mode-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:4px}.reduce-mode-toggle button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s}.reduce-mode-toggle button.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#1a1a2e}.reduce-mode-toggle button:hover:not(.active){color:#374151}.current-trial-info{background:#f3f4f6;border-radius:8px;font-size:13px;margin-bottom:16px;padding:10px 12px}.current-trial-info span{color:#6b7280}.current-plan-info{background:#f3f4f6;border-radius:8px;font-size:13px;margin-bottom:16px;padding:10px 12px}.plan-details{background:#f0fdf4;border-radius:8px;margin-top:12px;padding:12px}.plan-note{color:#166534;font-size:12px;line-height:1.6;margin:0}.org-name-highlight{color:#1a1a2e;font-size:18px;font-weight:600;margin:12px 0;text-align:center}.expire-note{background:#fef3c7;border-radius:8px;color:#92400e;font-size:13px;margin-top:12px;padding:10px 12px}.trial-banner{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 16px;position:relative}.trial-banner-info{background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff}.trial-banner-warning{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff}.trial-banner-error{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}.trial-banner-content{align-items:center;display:flex;flex:1 1;gap:12px}.trial-banner-icon{align-items:center;background:#ffffff40;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:22px;justify-content:center;width:22px}.trial-banner-message{flex:1 1}.trial-banner-upgrade{background:#fff;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;padding:6px 16px;transition:transform .15s,box-shadow .15s}.trial-banner-info .trial-banner-upgrade{color:#2563eb}.trial-banner-warning .trial-banner-upgrade{color:#d97706}.trial-banner-error .trial-banner-upgrade{color:#dc2626}.trial-banner-upgrade:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.trial-banner-dismiss{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;margin-left:8px;opacity:.7;padding:4px 8px;transition:opacity .15s}.trial-banner-dismiss:hover{opacity:1}@media (max-width:600px){.trial-banner{flex-direction:column;gap:8px;padding:12px 16px}.trial-banner-content{flex-wrap:wrap;justify-content:center;text-align:center}.trial-banner-message{text-align:center;width:100%}.trial-banner-dismiss{position:absolute;right:8px;top:4px}}.subscription-settings{margin:0 auto;max-width:900px;padding:24px}.subscription-header{margin-bottom:32px}.subscription-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.subscription-header .subtitle{color:#6b7280;font-size:14px;margin:0}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:16px;width:40px}.plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.plan-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.plan-info h3{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.plan-badges{align-items:center;display:flex;gap:10px}.plan-badge{border-radius:8px;font-size:16px;font-weight:700;padding:8px 16px}.plan-badge-basic{background:#f3f4f6;color:#374151}.plan-badge-standard{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.plan-badge-premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.plan-badge-enterprise{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge-success{background:#dcfce7;color:#166534}.status-badge-info{background:#dbeafe;color:#1e40af}.status-badge-warning{background:#fef3c7;color:#92400e}.status-badge-error{background:#fee2e2;color:#dc2626}.status-badge-premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge-default{background:#f3f4f6;color:#6b7280}.upgrade-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 14px #6366f14d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.upgrade-btn:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.plan-details{display:flex;flex-direction:column;gap:16px}.detail-section{align-items:flex-start;background:#f9fafb;border-radius:12px;display:flex;gap:16px;padding:16px}.detail-section.trial-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.detail-section.warning-section{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.detail-section.enterprise-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.detail-section.enterprise-section .detail-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.detail-section.enterprise-section .detail-value{color:#059669}.detail-icon{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.detail-content{display:flex;flex-direction:column;gap:4px}.detail-label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1f2937;font-size:18px;font-weight:600}.detail-value.highlight{color:#4f46e5}.detail-value.error{color:#dc2626}.detail-sub{color:#6b7280;font-size:13px}.account-details-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.account-details-card h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 20px}.account-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.account-info-item{background:#f9fafb;gap:12px;padding:16px}.account-info-icon,.account-info-item{align-items:center;border-radius:12px;display:flex}.account-info-icon{background:#fff;box-shadow:0 1px 3px #0000001a;font-size:24px;height:48px;justify-content:center;width:48px}.account-info-content{display:flex;flex-direction:column;gap:4px;min-width:0}.account-info-label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.account-info-value{color:#1f2937;font-size:14px;font-weight:600;word-break:break-word}.limits-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.limits-card h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 20px}.limits-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.limit-item{background:#f9fafb;gap:12px;padding:16px}.limit-icon,.limit-item{align-items:center;border-radius:12px;display:flex}.limit-icon{background:#fff;box-shadow:0 1px 3px #0000001a;font-size:24px;height:48px;justify-content:center;width:48px}.limit-info{display:flex;flex-direction:column;gap:4px}.limit-label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.limit-value{color:#1f2937;font-size:20px}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.history-card h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 20px}.empty-history{color:#6b7280;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-history p{color:#374151;font-size:16px;font-weight:500;margin:0 0 4px}.empty-history span{font-size:13px}.history-table{overflow-x:auto}.history-table table{border-collapse:collapse;width:100%}.history-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.history-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px}.plan-badge-small{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px}.billing-cycle{text-transform:capitalize}.amount{color:#1f2937;font-weight:600}.payment-status{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.payment-status.success{background:#dcfce7;color:#166534}.payment-status.pending{background:#fef3c7;color:#92400e}.help-section{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:20px 24px}.help-content h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.help-content p{color:#6b7280;font-size:13px;margin:0}.help-link{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s ease}.help-link:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.subscription-settings{padding:16px}.plan-card-header{flex-direction:column;gap:16px}.upgrade-btn{width:100%}.account-info-grid,.limits-grid{grid-template-columns:1fr}.help-section{flex-direction:column;gap:16px;text-align:center}.help-link{text-align:center;width:100%}.history-table td,.history-table th{font-size:12px;padding:10px 8px}}.danger-zone-card{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:24px;padding:24px}.danger-zone-card h3{color:#dc2626;font-size:16px;font-weight:600;margin:0 0 16px}.danger-zone-content{align-items:center;display:flex;gap:20px;justify-content:space-between}.danger-info{align-items:flex-start;display:flex;gap:12px}.danger-icon{color:#dc2626;font-size:24px}.danger-text h4{color:#991b1b;font-size:14px;font-weight:600;margin:0 0 4px}.danger-text p{color:#7f1d1d;font-size:13px;margin:0}.delete-org-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s ease;white-space:nowrap}.delete-org-btn:hover{background:#b91c1c}.delete-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.delete-modal{animation:slideIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:520px;overflow:hidden;width:90%}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-modal-header{align-items:center;background:#fef2f2;border-bottom:1px solid #fecaca;display:flex;justify-content:space-between;padding:20px 24px}.delete-modal-header h3{color:#dc2626;font-size:18px;font-weight:600;margin:0}.delete-modal-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:24px;line-height:1;padding:0}.delete-modal-close:hover{color:#991b1b}.delete-modal-body{padding:24px}.delete-warning{background:#fff7ed;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.warning-icon{flex-shrink:0;font-size:32px}.warning-content p{color:#9a3412;font-size:14px;margin:0 0 8px}.warning-content ul{margin:0;padding-left:20px}.warning-content li{color:#c2410c;font-size:13px;margin:4px 0}.no-refund-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:13px;line-height:1.5;margin-bottom:20px;padding:16px}.confirm-delete-section{margin-top:20px}.confirm-delete-section label{color:#374151;display:block;font-size:14px;margin-bottom:8px}.confirm-input{border:1px solid #dc2626;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 14px;width:100%}.confirm-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.confirm-input:disabled{background:#f5f5f5;cursor:not-allowed}.delete-error{color:#dc2626;display:block;font-size:13px;font-weight:500;margin-top:8px}.delete-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.cancel-btn:hover{background:#f3f4f6}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-delete-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.confirm-delete-btn:hover:not(:disabled){background:#b91c1c}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.danger-zone-content{align-items:flex-start;flex-direction:column}.delete-org-btn{text-align:center;width:100%}.delete-modal{margin:16px;max-width:95%}.delete-modal-footer{flex-direction:column-reverse}.cancel-btn,.confirm-delete-btn{width:100%}}.takeaway-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;flex-direction:column;min-height:100vh;padding:20px}.takeaway-header{margin-bottom:30px;padding-top:20px;text-align:center}.takeaway-brand{align-items:center;display:flex;gap:12px;justify-content:center}.takeaway-icon{font-size:48px}.takeaway-brand h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.takeaway-subtitle{color:#94a3b8;font-size:1rem;margin-top:8px}.takeaway-identification-wrapper{max-width:400px;width:100%}.takeaway-info-box{background:#ffffff1a;border-radius:12px;margin-bottom:20px;padding:16px;text-align:center}.takeaway-info-box h3{color:#fbbf24;font-size:1.1rem;margin:0 0 8px}.takeaway-info-box p{color:#e2e8f0;font-size:.9rem;margin:0}.takeaway-back-btn{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.9rem;margin-top:30px;padding:12px 24px;transition:all .2s ease}.takeaway-back-btn:hover{background:#ffffff1a;color:#fff}.takeaway-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.takeaway-spinner{animation:takeaway-spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#fbbf24;height:50px;width:50px}@keyframes takeaway-spin{to{transform:rotate(1turn)}}.takeaway-loading p{font-size:1.1rem;margin-top:20px}.takeaway-error{color:#fff;flex-direction:column;min-height:60vh;text-align:center}.takeaway-error,.takeaway-error-icon{align-items:center;display:flex;justify-content:center}.takeaway-error-icon{background:#ef4444;border-radius:50%;font-size:2rem;font-weight:700;height:60px;margin-bottom:20px;width:60px}.takeaway-error h2{font-size:1.5rem;margin:0 0 10px}.takeaway-error p{color:#94a3b8;margin-bottom:20px;max-width:300px}.takeaway-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;margin:8px;padding:14px 28px;transition:all .2s ease}.takeaway-btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e}.takeaway-btn-primary:hover{box-shadow:0 4px 12px #fbbf2466;transform:translateY(-2px)}.takeaway-btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.takeaway-btn-secondary:hover{background:#fff3}.takeaway-order-container{display:flex;flex-direction:column;min-height:100vh}.takeaway-token-banner{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #0003;display:flex;justify-content:space-between;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.token-info{display:flex;flex-direction:column}.token-label{color:#1a1a2e;font-size:.75rem;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.token-number{color:#1a1a2e;font-family:Courier New,monospace;font-size:1.5rem;font-weight:800}.token-customer{align-items:flex-end;color:#1a1a2e;display:flex;flex-direction:column}.token-customer span:first-child{font-size:1rem;font-weight:600}.token-phone{font-size:.85rem;opacity:.8}@media (max-width:480px){.takeaway-brand h1{font-size:1.5rem}.takeaway-icon{font-size:36px}.token-number{font-size:1.25rem}.takeaway-token-banner{padding:10px 16px}}.landing-container{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.landing-bg-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.landing-shape{animation:landingFloat 20s ease-in-out infinite;background:linear-gradient(135deg,#6366f14d,#8b5cf633);border-radius:50%;filter:blur(40px);position:absolute}.landing-shape-1{animation-delay:0s;height:500px;right:-100px;top:-100px;width:500px}.landing-shape-2{animation-delay:-5s;bottom:-50px;height:400px;left:-100px;width:400px}.landing-shape-3{animation-delay:-10s;height:300px;left:50%;top:40%;width:300px}@keyframes landingFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}.landing-loading{color:#fff;text-align:center}.landing-spinner{animation:landingSpin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#4dabf7;height:50px;margin:0 auto 1rem;width:50px}@keyframes landingSpin{to{transform:rotate(1turn)}}.landing-content{align-items:center;display:flex;flex-direction:column;max-width:1000px;position:relative;width:100%;z-index:1}.landing-header{margin-bottom:48px;text-align:center}.landing-logo-image{background:#ffffff1a;border-radius:20px;height:100px;margin-bottom:16px;object-fit:contain;padding:10px;width:100px}.landing-logo-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:4rem;margin-bottom:16px}.landing-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.landing-subtitle{color:#fffc;font-size:1.125rem;margin:0}.landing-options{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:48px;width:100%}.landing-option-card{align-items:center;background:#fffffff2;border:3px solid #0000;border-radius:20px;cursor:default;display:flex;flex-direction:column;min-height:280px;padding:32px 24px;text-align:center;transition:all .3s ease}button.landing-option-card{cursor:pointer;font-family:inherit}button.landing-option-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.landing-option-icon{align-items:center;border-radius:50%;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:20px;width:80px}.landing-option-dinein{border-color:#6366f14d}.landing-option-dinein .landing-option-icon{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#6366f1}.landing-option-dinein .landing-option-info{background:#f0f4ff;color:#4f46e5}.landing-option-takeaway{border-color:#fbbf244d}.landing-option-takeaway:hover{border-color:#fbbf24}.landing-option-takeaway .landing-option-icon{background:linear-gradient(135deg,#fef9c3,#fef08a);color:#d97706}.landing-option-takeaway .landing-option-button{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e}.landing-option-takeaway:hover .landing-option-button{background:linear-gradient(135deg,#f59e0b,#d97706)}.landing-option-delivery{border-color:#10b9814d}.landing-option-delivery:hover{border-color:#10b981}.landing-option-delivery .landing-option-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.landing-option-delivery .landing-option-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.landing-option-delivery:hover .landing-option-button{background:linear-gradient(135deg,#059669,#047857)}.landing-option-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 8px}.landing-option-description{color:#6b7280;flex-grow:1;font-size:.9rem;margin:0 0 20px}.landing-option-action{align-items:center;border-radius:12px;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;width:100%}.landing-option-info{font-size:.85rem}.landing-scan-icon{font-size:1.2rem}.landing-option-button{transition:background .3s ease}.landing-arrow{font-size:1.1rem;transition:transform .3s ease}button.landing-option-card:hover .landing-arrow{transform:translateX(4px)}.landing-staff-section{max-width:400px;width:100%}.landing-divider{align-items:center;display:flex;margin-bottom:20px}.landing-divider:after,.landing-divider:before{background:#fff3;content:"";flex:1 1;height:1px}.landing-divider span{color:#fff9;font-size:.85rem;padding:0 16px}.landing-staff-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:10px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.landing-staff-button:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.landing-staff-button:disabled{cursor:not-allowed;opacity:.7}.landing-staff-icon{font-size:1.2rem}@media (max-width:900px){.landing-options{grid-template-columns:1fr;max-width:400px}.landing-option-card{min-height:auto;padding:24px 20px}.landing-title{font-size:2rem}}@media (max-width:480px){.landing-container{padding:16px}.landing-header{margin-bottom:32px}.landing-logo-icon{font-size:3rem}.landing-title{font-size:1.75rem}.landing-subtitle{font-size:1rem}.landing-option-icon{font-size:2rem;height:60px;width:60px}.landing-option-title{font-size:1.25rem}.landing-options{gap:16px;margin-bottom:32px}}.landing-error{max-width:400px;padding:40px 20px;text-align:center}.landing-error-icon{font-size:4rem;margin-bottom:20px}.landing-error h2{color:#fff;font-size:1.75rem;margin:0 0 16px}.landing-error p{color:#fffc;line-height:1.6;margin:0 0 12px}.landing-error-hint{color:#fff9;font-size:.9rem}.product-landing{background:#fff;min-height:100vh;overflow-x:hidden;position:relative}.landing-header{background:#0000;left:0;padding:16px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.landing-header.header-scrolled{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;box-shadow:0 2px 20px #00000014;padding:12px 0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.header-brand{align-items:center;cursor:pointer;display:flex;gap:10px;transition:transform .2s ease}.header-brand:hover{transform:scale(1.02)}.header-logo{font-size:1.75rem}.header-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.header-nav.desktop-nav{align-items:center;display:flex;gap:8px}.nav-link{background:none;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.nav-link:hover{background:#ffffff26;color:#fff}.header-scrolled .nav-link{color:#374151}.header-scrolled .nav-link:hover{background:#6366f11a;color:#6366f1}.header-actions{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;display:flex;gap:8px;padding:6px 8px}.header-scrolled .header-actions{background:#6366f114;border-color:#6366f126}.header-login-btn{background:none;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.header-login-btn:hover{background:#ffffff26;color:#fff}.header-scrolled .header-login-btn{color:#374151}.header-scrolled .header-login-btn:hover{background:#6366f11a;color:#6366f1}.header-cta-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 4px 14px #6366f14d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.header-cta-btn:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:28px;z-index:1001}.hamburger-line{background:#ffffffe6;border-radius:2px;display:block;height:2.5px;transition:all .3s ease;width:100%}.header-scrolled .hamburger-line{background:#374151}.mobile-menu-toggle.menu-open .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.menu-open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.menu-open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav{background:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:0 10px 40px #0000001a;display:none;flex-direction:column;left:0;opacity:0;padding:16px 24px 24px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease}.mobile-nav.mobile-nav-open{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-nav-link{background:none;border:none;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;font-size:1rem;font-weight:500;padding:14px 0;text-align:left;transition:color .2s ease}.mobile-nav-link:hover{color:#6366f1}.mobile-nav-divider{background:#e5e7eb;height:1px;margin:8px 0 16px}.mobile-nav-cta{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 14px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;text-align:center;transition:all .2s ease}.mobile-nav-cta:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.mobile-nav-cta.mobile-nav-subscribe{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b4d;margin-bottom:10px}.mobile-nav-cta.mobile-nav-subscribe:hover{box-shadow:0 6px 20px #f59e0b66}@media (max-width:900px){.header-actions,.header-nav.desktop-nav{display:none}.mobile-menu-toggle,.mobile-nav{display:flex}}@media (max-width:500px){.header-container{padding:0 16px}.header-logo{font-size:1.5rem}.header-name{font-size:1.25rem}.mobile-nav{padding:12px 16px 20px}}.product-bg-shapes{height:100vh;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.product-shape{animation:productFloat 25s ease-in-out infinite;background:linear-gradient(135deg,#6366f14d,#8b5cf633);border-radius:50%;filter:blur(60px);position:absolute}.product-shape-1{animation-delay:0s;height:600px;right:-150px;top:-200px;width:600px}.product-shape-2{animation-delay:-7s;bottom:20%;height:500px;left:-150px;width:500px}.product-shape-3{animation-delay:-14s;height:400px;right:20%;top:50%;width:400px}.product-shape-4{animation-delay:-20s;bottom:-100px;height:350px;right:30%;width:350px}@keyframes productFloat{0%,to{opacity:.6;transform:translate(0) scale(1)}25%{opacity:.8;transform:translate(40px,-40px) scale(1.1)}50%{opacity:.5;transform:translate(-30px,30px) scale(.9)}75%{opacity:.7;transform:translate(-40px,-30px) scale(1.05)}}.section-container{margin:0 auto;max-width:1200px;padding:0 24px}.section-title{color:#1e1b4b;font-size:2.5rem;margin:0 0 16px;text-align:center}.section-subtitle{color:#6b7280;font-size:1.125rem;margin:0 auto 48px;max-width:600px;text-align:center}.hero-section{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);display:flex;justify-content:center;min-height:100vh;padding:100px 24px 80px;position:relative;z-index:1}.hero-content{max-width:800px;text-align:center}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:100px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:24px;padding:8px 20px}.hero-title{color:#fff;font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 24px}.hero-subtitle{color:#fffc;font-size:1.25rem;line-height:1.6;margin:0 auto 40px;max-width:600px}.hero-cta-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px}.hero-cta-primary{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #0003;color:#4c1d95;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.hero-cta-primary:hover{background:#f8fafc;box-shadow:0 8px 30px #0000004d;transform:translateY(-3px)}.hero-cta-primary:hover .cta-arrow{transform:translateX(4px)}.cta-arrow{font-size:1.25rem;transition:transform .3s ease}.hero-cta-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.hero-cta-secondary:hover{background:#fff3;border-color:#ffffff80}.hero-cta-contact{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 20px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.hero-cta-contact:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 30px #10b98166;transform:translateY(-3px)}.hero-cta-subscribe{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 20px #f59e0b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.hero-cta-subscribe:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 30px #f59e0b66;transform:translateY(-3px)}.hero-trial-note{color:#ffffffb3;font-size:.9rem;margin:0}.features-grid-section{background:#fff;padding:70px 0;position:relative;z-index:1}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;font-family:inherit;padding:24px 20px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:var(--feature-color);box-shadow:0 16px 40px #6366f126;transform:translateY(-6px)}.feature-card-icon{display:block;font-size:2.5rem;margin-bottom:12px}.feature-card-title{color:#1f2937;font-size:1rem;font-weight:700;margin:0 0 6px}.feature-card-desc{color:#6b7280;font-size:.85rem;line-height:1.4;margin:0}.features-detail-section{background:#f8fafc;padding:80px 0;position:relative;z-index:1}.feature-detail{align-items:center;background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000000d;display:flex;gap:40px;margin-bottom:50px;padding:32px}.feature-detail:last-child{margin-bottom:0}.feature-detail-reverse{flex-direction:row-reverse}.feature-detail-content{flex:1 1}.feature-detail-icon-wrapper{align-items:center;border-radius:20px;display:flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.feature-detail-icon{font-size:2.5rem}.feature-detail-title{color:#1e1b4b;font-size:2rem;font-weight:700;margin:0 0 16px}.feature-detail-description{color:#4b5563;font-size:1.125rem;line-height:1.6;margin:0 0 24px}.feature-detail-bullets{list-style:none;margin:0;padding:0}.feature-detail-bullets li{align-items:flex-start;color:#374151;display:flex;font-size:1rem;gap:12px;line-height:1.5;margin-bottom:12px}.bullet-check{flex-shrink:0;font-weight:700}.feature-detail-visual{align-items:center;border:2px solid;border-radius:20px;flex:0 0 360px;gap:14px;height:260px;justify-content:center}.feature-visual-icon{font-size:5rem}.feature-visual-label{color:#6b7280;font-size:1rem;font-weight:600}.feature-category-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.feature-category-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50px;color:#4b5563;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .25s ease}.feature-category-tab:hover{background:#f8fafc;border-color:#c7d2fe;transform:translateY(-2px)}.feature-category-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 14px #6366f14d;color:#fff}.feature-category-tab .tab-icon{font-size:1.1rem}.feature-category-tab .tab-label{font-weight:600}.feature-details-container{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.feature-category-tabs{gap:8px;margin-bottom:30px}.feature-category-tab{font-size:.8rem;padding:10px 14px}.feature-category-tab .tab-icon{font-size:1rem}.feature-category-tab .tab-label{display:none}}@media (max-width:500px){.feature-category-tabs{gap:6px}.feature-category-tab{border-radius:12px;padding:10px 12px}}.testimonials-section{background:linear-gradient(135deg,#eef2ff,#e0e7ff 50%,#ede9fe);padding:70px 0;position:relative;z-index:1}.testimonials-section .section-title{color:#1e1b4b}.testimonials-section .section-subtitle{color:#4b5563}.testimonials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.testimonial-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px}.testimonial-quote{color:#374151;font-size:1.05rem;font-style:italic;line-height:1.6;margin-bottom:24px}.testimonial-quote:before{color:#6366f1;content:'"';font-size:2rem;font-style:normal;line-height:0;margin-right:4px;vertical-align:-.4em}.testimonial-author{align-items:center;display:flex;gap:12px}.testimonial-avatar{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:50%;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.testimonial-name{color:#1f2937;font-size:1rem;font-weight:600}.testimonial-role{color:#6b7280;font-size:.875rem}.stats-row{display:flex;flex-wrap:wrap;gap:60px;justify-content:center}.stat-item{text-align:center}.stat-number{color:#4c1d95;font-size:3rem;font-weight:800;margin-bottom:4px}.stat-label{color:#4b5563;font-size:1rem}.contact-section{background:#f8fafc;padding:80px 24px;position:relative;z-index:1}.contact-form-container{background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;margin:0 auto;max-width:600px;padding:40px}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.contact-field{display:flex;flex-direction:column;gap:8px}.contact-field.full-width{grid-column:1/-1}.contact-field label{color:#374151;font-size:.9rem;font-weight:600}.contact-field input,.contact-field textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .2s ease}.contact-field input:focus,.contact-field textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#9ca3af}.contact-field textarea{min-height:100px;resize:vertical}.contact-submit-btn{background:linear-gradient(135deg,#6366f1,#4c1d95);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:16px 32px;transition:all .3s ease}.contact-submit-btn:hover:not(:disabled){box-shadow:0 8px 24px #6366f166;transform:translateY(-2px)}.contact-submit-btn:disabled{cursor:not-allowed;opacity:.7}.trial-checkbox-container{margin-top:8px}.trial-checkbox-label{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:2px solid #6366f133;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.trial-checkbox-label:hover{background:linear-gradient(135deg,#6366f11f,#8b5cf614);border-color:#6366f1}.trial-checkbox-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:20px;width:20px}.trial-checkbox-text{color:#374151;font-size:.95rem;font-weight:500}.contact-error{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:.9rem;padding:12px 16px;text-align:center}.contact-success{padding:40px 20px;text-align:center}.contact-success .success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.contact-success h3{color:#1f2937;font-size:1.5rem;margin:0 0 8px}.contact-success p{color:#6b7280;margin:0 0 24px}.contact-reset-btn{background:#f3f4f6;border:none;border-radius:8px;color:#4c1d95;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.contact-reset-btn:hover{background:#e5e7eb}.faq-section{background:#fff;padding:70px 24px;position:relative;z-index:1}.faq-section:before{background:linear-gradient(90deg,#0000,#d1d5db 20%,#9ca3af 50%,#d1d5db 80%,#0000);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60%}.faq-container{margin:0 auto;max-width:800px}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.faq-item-open{border-color:#6366f1;box-shadow:0 4px 20px #6366f126}.faq-question{align-items:center;background:#0000;border:none;color:#1e1b4b;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:20px 24px;text-align:left;transition:all .2s ease;width:100%}.faq-icon,.faq-question:hover{color:#6366f1}.faq-icon{flex-shrink:0;font-size:1.5rem;font-weight:300;margin-left:16px;transition:transform .3s ease}.faq-item-open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item-open .faq-answer{max-height:500px}.faq-answer p{color:#4b5563;font-size:1rem;line-height:1.7;margin:0;padding:0 24px 20px}@media (max-width:600px){.faq-section{padding:60px 16px}.faq-question{font-size:1rem;padding:16px 20px}.faq-answer p{font-size:.95rem;padding:0 20px 16px}.contact-form-row{grid-template-columns:1fr}.contact-form-container{padding:24px}}.cta-section{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);padding:80px 24px;position:relative;text-align:center;z-index:1}.cta-content{margin:0 auto;max-width:600px}.cta-title{color:#fff;font-size:2.75rem;font-weight:800;line-height:1.2;margin:0 0 20px}.cta-subtitle{color:#fffc;font-size:1.25rem;line-height:1.6;margin:0 0 40px}.cta-button{align-items:center;background:#fff;border:none;border-radius:14px;box-shadow:0 4px 24px #0003;color:#4c1d95;cursor:pointer;display:inline-flex;font-size:1.25rem;font-weight:700;gap:12px;padding:20px 48px;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 32px #0000004d;transform:translateY(-4px)}.cta-button:hover .cta-arrow{transform:translateX(6px)}.cta-note{color:#fff9;font-size:.9rem;margin:24px 0 0}.cta-email{color:#fff;font-weight:500;text-decoration:none;transition:all .2s ease}.cta-email:hover{color:#fbbf24;text-decoration:underline}.landing-footer{background:#1e1b4b;border-top:1px solid #ffffff1a;padding:40px 24px;position:relative;z-index:1}.footer-content{flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-brand,.footer-content{align-items:center;display:flex}.footer-brand{gap:10px}.footer-logo{font-size:1.5rem}.footer-name{color:#fff;font-size:1.125rem;font-weight:600}.footer-links{display:flex;gap:32px}.footer-link{color:#fff9;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fff}.footer-social{display:flex;gap:16px}.footer-social-link{align-items:center;background:#ffffff1a;border-radius:50%;color:#ffffffb3;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.footer-social-link:hover{background:#6366f1;color:#fff;transform:translateY(-3px)}.footer-social-link svg{height:18px;width:18px}.footer-copyright{color:#fff6;font-size:.875rem}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}.feature-detail{gap:40px;padding:32px}.feature-detail,.feature-detail-reverse{flex-direction:column}.feature-detail-visual{flex:none;max-width:400px;width:100%}}@media (max-width:900px){.hero-title{font-size:2.75rem}.hero-subtitle{font-size:1.125rem}.features-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:500px}.section-title{font-size:2rem}.stats-row{gap:40px}.stat-number{font-size:2.5rem}.footer-content{flex-direction:column;text-align:center}}@media (max-width:600px){.hero-section{min-height:auto;padding:90px 20px 60px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-cta-group{align-items:stretch;flex-direction:column}.hero-cta-contact,.hero-cta-primary,.hero-cta-secondary{justify-content:center}.features-grid-section,.testimonials-section{padding:60px 0}.features-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.feature-card{padding:16px 12px}.feature-card-icon{font-size:2rem}.feature-card-title{font-size:.85rem}.feature-card-desc{display:none}.feature-detail{margin-bottom:24px;padding:24px}.feature-detail-title{font-size:1.5rem}.feature-detail-description{font-size:1rem}.feature-detail-visual{height:200px}.feature-visual-icon{font-size:3.5rem}.cta-section{padding:80px 20px}.cta-title{font-size:2rem}.cta-subtitle{font-size:1rem}.cta-button{font-size:1.125rem;padding:16px 32px}.stats-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2rem}.footer-links{flex-wrap:wrap;gap:20px;justify-content:center}}@media (max-width:400px){.features-grid{gap:10px;grid-template-columns:1fr 1fr}.feature-card{padding:14px 10px}.feature-card-icon{font-size:1.75rem;margin-bottom:8px}.feature-card-title{font-size:.8rem}}.feature-detail-visual{align-items:stretch;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 32px #0000001a;flex:0 0 450px;height:auto;justify-content:flex-start;overflow:hidden}.feature-detail-visual,.mockup-screen{background:#fff;display:flex;flex-direction:column;min-height:320px}.mockup-screen{font-size:13px;height:100%;width:100%}.mockup-screen.mobile{border:3px solid #1e1b4b;border-radius:24px;box-shadow:0 4px 20px #00000026;margin:0 auto;max-width:280px;overflow:hidden}.mockup-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.mockup-title{font-size:14px;font-weight:600}.mockup-tabs{display:flex;gap:16px}.mockup-tab{cursor:pointer;font-size:12px;opacity:.6}.mockup-tab.active{border-bottom:2px solid #fff;font-weight:600;opacity:1;padding-bottom:4px}.mockup-badge{background:#10b981;border-radius:100px;font-size:11px;font-weight:600;padding:4px 10px}.mockup-badge.warning{background:#f59e0b}.mockup-badge.active{background:#22c55e}.mockup-btn{background:#fff;border:none;border-radius:6px;color:#4c1d95;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px}.mockup-date{font-size:12px;opacity:.8}.mockup-body{background:#f8fafc;flex:1 1;padding:16px}.mockup-stats-row{display:flex;gap:12px;margin-bottom:16px}.mockup-stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;flex:1 1;padding:12px;text-align:center}.mockup-stat-num{color:#4c1d95;display:block;font-size:18px;font-weight:700}.mockup-stat-label{color:#6b7280;display:block;font-size:10px;margin-top:4px}.mockup-chart{align-items:flex-end;background:#fff;border-radius:10px;display:flex;gap:8px;height:100px;justify-content:space-around;padding:12px}.mockup-chart.large{height:120px}.mockup-bar{align-items:center;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:4px 4px 0 0;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;min-width:20px}.mockup-bar span{color:#6b7280;font-size:9px;margin-top:4px;position:relative;top:20px}.mockup-tables-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.mockup-table{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:16px;font-weight:700;padding:16px 12px;text-align:center}.mockup-table.available{background:#d1fae5;border-color:#10b981;color:#059669}.mockup-table.occupied{background:#fee2e2;border-color:#ef4444;color:#dc2626}.mockup-table.reserved{background:#fef3c7;border-color:#f59e0b;color:#d97706}.mockup-table.billing{background:#dbeafe;border-color:#3b82f6;color:#2563eb}.mockup-table-status{display:block;font-size:9px;font-weight:500;margin-top:4px}.mockup-orders-list{display:flex;flex-direction:column;gap:10px}.mockup-order-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:12px}.mockup-order-id{color:#1e1b4b;font-weight:700}.mockup-order-table{color:#6b7280;flex:1 1;font-size:12px}.mockup-order-status{border-radius:100px;font-size:10px;font-weight:600;padding:4px 10px}.mockup-order-status.pending{background:#fef3c7;color:#d97706}.mockup-order-status.preparing{background:#dbeafe;color:#2563eb}.mockup-order-status.ready{background:#d1fae5;color:#059669}.mockup-menu-list{display:flex;flex-direction:column;gap:10px}.mockup-menu-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:10px}.mockup-menu-img{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;font-size:24px;height:44px;justify-content:center;width:44px}.mockup-menu-info{flex:1 1}.mockup-menu-name{color:#1f2937;display:block;font-size:13px;font-weight:600}.mockup-menu-price{color:#6366f1;display:block;font-size:12px;font-weight:600;margin-top:2px}.mockup-combo-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;color:#fff;padding:20px;position:relative;text-align:center}.mockup-combo-badge{background:#fbbf24;border-radius:100px;color:#1a1a2e;font-size:11px;font-weight:700;padding:4px 12px;position:absolute;right:16px;top:-8px}.mockup-combo-name{font-size:18px;font-weight:700;margin-bottom:8px}.mockup-combo-items{font-size:12px;margin-bottom:12px;opacity:.9}.mockup-combo-price{align-items:center;display:flex;gap:12px;justify-content:center}.mockup-old-price{font-size:14px;opacity:.6;text-decoration:line-through}.mockup-new-price{font-size:24px;font-weight:800}.mockup-bill{background:#fff;border-radius:12px;padding:16px}.mockup-bill-item{color:#4b5563;display:flex;font-size:12px;justify-content:space-between;padding:8px 0}.mockup-bill-item.subtotal,.mockup-bill-item.tax{color:#6b7280}.mockup-bill-item.total{color:#1e1b4b;font-size:16px;font-weight:700}.mockup-bill-divider{background:#e5e7eb;height:1px;margin:8px 0}.mockup-payment-btns{display:flex;gap:8px;margin-top:12px}.mockup-pay-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:10px}.mockup-pay-btn.cash{background:#d1fae5;color:#059669}.mockup-pay-btn.card{background:#dbeafe;color:#2563eb}.mockup-pay-btn.upi{background:#ede9fe;color:#7c3aed}.mockup-inventory{display:flex;flex-direction:column;gap:12px}.mockup-inv-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:12px}.mockup-inv-item.low{border-left:3px solid #ef4444}.mockup-inv-name{color:#1f2937;font-size:12px;font-weight:600;width:80px}.mockup-inv-bar{background:#e5e7eb;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.mockup-inv-level{background:linear-gradient(90deg,#10b981,#22c55e);border-radius:4px;height:100%}.mockup-inv-level.low{background:linear-gradient(90deg,#ef4444,#f87171)}.mockup-inv-qty{color:#6b7280;font-size:11px;min-width:40px;text-align:right}.mockup-production{display:flex;flex-direction:column;gap:10px}.mockup-prod-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:12px}.mockup-prod-name{color:#1f2937;flex:1 1;font-size:12px;font-weight:600}.mockup-prod-qty{color:#6b7280;font-size:11px}.mockup-prod-status{border-radius:100px;font-size:10px;font-weight:600;padding:4px 10px}.mockup-prod-status.done{background:#d1fae5;color:#059669}.mockup-prod-status.progress{background:#dbeafe;color:#2563eb}.mockup-prod-status.pending{background:#f3f4f6;color:#6b7280}.mockup-customer{background:#fff;border-radius:12px;padding:16px}.mockup-customer-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.mockup-customer-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.mockup-customer-info{flex:1 1}.mockup-customer-name{color:#1f2937;display:block;font-size:14px;font-weight:700}.mockup-customer-tier{border-radius:100px;display:inline-block;font-size:10px;font-weight:600;margin-top:4px;padding:2px 8px}.mockup-customer-tier.gold{background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#1a1a2e}.mockup-customer-stats{display:flex;gap:12px}.mockup-cust-stat{background:#f8fafc;border-radius:8px;flex:1 1;padding:12px;text-align:center}.mockup-cust-num{color:#4c1d95;display:block;font-size:18px;font-weight:700}.mockup-cust-stat span:last-child{color:#6b7280;display:block;font-size:10px;margin-top:4px}.mockup-cash{background:#fff;border-radius:12px;padding:16px}.mockup-cash-row{color:#4b5563;display:flex;font-size:13px;justify-content:space-between;padding:10px 0}.mockup-cash-row.positive span:last-child{color:#10b981;font-weight:600}.mockup-cash-row.negative span:last-child{color:#ef4444;font-weight:600}.mockup-cash-row.total{color:#1e1b4b;font-size:16px;font-weight:700}.mockup-cash-divider{background:#e5e7eb;height:1px;margin:8px 0}.mockup-report-summary{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px;text-align:center}.mockup-report-total{color:#1e1b4b;font-size:32px;font-weight:800}.mockup-report-change{font-size:12px;margin-top:4px}.mockup-report-change.positive{color:#10b981}.mockup-realtime{display:flex;flex-direction:column;gap:10px}.mockup-notification{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:10px;padding:12px}.mockup-notification.new{background:#eef2ff;border-left:3px solid #6366f1}.mockup-notif-icon{font-size:16px}.mockup-notif-text{color:#374151;flex:1 1;font-size:12px}.mockup-notif-time{color:#9ca3af;font-size:10px}.mockup-live-dot{animation:pulse 1.5s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.mockup-mobile-header{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;padding:16px;text-align:center}.mockup-restaurant-name{display:block;font-size:14px;font-weight:700}.mockup-table-num{display:block;font-size:11px;margin-top:4px;opacity:.8}.mockup-mobile-menu{background:#f8fafc}.mockup-category{color:#6b7280;font-size:12px;font-weight:600;padding:8px 0}.mockup-mobile-item{align-items:center;background:#fff;border-radius:10px;display:flex;gap:10px;margin-bottom:8px;padding:10px}.mockup-item-emoji{font-size:24px}.mockup-item-details{flex:1 1}.mockup-item-name{color:#1f2937;display:block;font-size:13px;font-weight:600}.mockup-item-price{color:#6366f1;display:block;font-size:11px;font-weight:600}.mockup-add-btn{background:#6366f1;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:28px;width:28px}.mockup-mobile-cart{align-items:center;background:#1e1b4b;color:#fff;display:flex;font-size:12px;gap:12px;padding:12px 16px}.mockup-mobile-cart span:first-child{opacity:.8}.mockup-mobile-cart span:nth-child(2){flex:1 1;font-size:14px;font-weight:700;text-align:right}.mockup-order-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px}.mockup-notifications{padding-top:24px}.mockup-push-notif{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:16px;padding:12px}.mockup-push-header{display:flex;justify-content:space-between;margin-bottom:4px}.mockup-push-app{color:#6b7280;font-size:10px;font-weight:600}.mockup-push-time{color:#9ca3af;font-size:10px}.mockup-push-title{color:#1f2937;font-size:13px;font-weight:700}.mockup-push-body{color:#6b7280;font-size:11px;margin-top:2px}.mockup-order-progress{display:flex;justify-content:space-between;padding:0 8px;position:relative}.mockup-order-progress:before{background:#e5e7eb;content:"";height:2px;left:30px;position:absolute;right:30px;top:8px}.mockup-progress-step{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:9px;position:relative;z-index:1}.mockup-progress-step:before{background:#e5e7eb;border-radius:50%;content:"";height:16px;margin-bottom:4px;width:16px}.mockup-progress-step.done{color:#10b981}.mockup-progress-step.done:before{background:#10b981}.mockup-progress-step.active{color:#6366f1}.mockup-progress-step.active:before{background:#6366f1;box-shadow:0 0 0 4px #6366f133}.mockup-auth{align-items:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);display:flex;flex-direction:column;justify-content:center;min-height:320px;padding:32px}.mockup-auth-logo{font-size:48px;margin-bottom:8px}.mockup-auth-title{color:#1e1b4b;font-size:20px;font-weight:700;margin-bottom:24px}.mockup-microsoft-btn{align-items:center;background:#2f2f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:24px;padding:12px 24px}.mockup-ms-logo{font-size:16px}.mockup-auth-features{display:flex;flex-direction:column;gap:8px}.mockup-auth-feature{color:#6b7280;font-size:12px}.mockup-orgs{display:flex;flex-direction:column;gap:12px}.mockup-org-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:14px}.mockup-org-logo{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;font-size:24px;height:44px;justify-content:center;width:44px}.mockup-org-info{flex:1 1}.mockup-org-name{color:#1f2937;display:block;font-size:13px;font-weight:600}.mockup-org-url{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.mockup-org-plan{border-radius:100px;font-size:10px;font-weight:600;padding:4px 10px}.mockup-org-plan.pro{background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff}.mockup-org-plan.trial{background:#fef3c7;color:#d97706}@media (max-width:1024px){.feature-detail-visual{flex:none;max-width:450px;width:100%}}@media (max-width:600px){.feature-detail-visual,.mockup-screen{min-height:280px}.mockup-screen{font-size:11px}.mockup-screen.mobile{max-width:240px}.mockup-stats-row{flex-wrap:wrap}.mockup-stat-card{flex-basis:calc(50% - 6px);flex-grow:0;flex-shrink:0}.mockup-tables-grid{grid-template-columns:repeat(2,1fr)}}.pricing-section{background:linear-gradient(180deg,#f8fafc,#fff);padding:80px 0}.pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1100px}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;padding:32px 24px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.pricing-card-featured{border-color:#6366f1;box-shadow:0 8px 30px #6366f133;transform:scale(1.02)}.pricing-card-featured:hover{transform:scale(1.02) translateY(-4px)}.pricing-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:100px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:6px 16px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.pricing-card-header{margin-bottom:16px;text-align:center}.pricing-plan-name{color:#1e1b4b;font-size:1.5rem;font-weight:700;margin:0 0 4px}.pricing-plan-tagline{color:#6b7280;font-size:.875rem;margin:0}.pricing-price{margin-bottom:8px;text-align:center}.pricing-currency{color:#6366f1;font-size:1.25rem;font-weight:600;vertical-align:top}.pricing-amount{color:#1e1b4b;font-size:3rem;font-weight:700;line-height:1}.pricing-period{color:#6b7280;font-size:1rem}.pricing-annual{margin-bottom:24px;text-align:center}.pricing-annual-amount{color:#6b7280;font-size:.875rem}.pricing-annual-save{color:#10b981;font-size:.75rem;font-weight:600;margin-left:4px}.pricing-limits{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;display:flex;gap:24px;justify-content:center;margin-bottom:24px;padding:16px 0}.pricing-limit-item{text-align:center}.pricing-limit-value{color:#6366f1;display:block;font-size:1.25rem;font-weight:700}.pricing-limit-label{color:#6b7280;font-size:.75rem}.pricing-features{flex:1 1;list-style:none;margin:0 0 24px;padding:0}.pricing-feature{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:10px;padding:8px 0}.pricing-feature.included .pricing-check{color:#10b981;font-weight:700}.pricing-feature.excluded{color:#9ca3af}.pricing-feature.excluded .pricing-lock{font-size:.8rem}.pricing-cta{background:#0000;border:2px solid #6366f1;border-radius:10px;color:#6366f1;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.pricing-cta:hover{background:#6366f1;color:#fff}.pricing-cta-featured{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.pricing-cta-featured:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 15px #6366f166}.pricing-subscribe-link{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;margin-top:12px;padding:10px;transition:all .2s ease;width:100%}.pricing-subscribe-link:hover{color:#6366f1;text-decoration:underline}.pricing-note{color:#6b7280;font-size:.875rem;margin-top:32px;text-align:center}.pricing-note a{color:#6366f1;font-weight:500;text-decoration:none}.pricing-note a:hover{text-decoration:underline}@media (max-width:1024px){.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-card-featured{order:-1;transform:scale(1)}.pricing-card-featured:hover{transform:translateY(-4px)}}@media (max-width:600px){.pricing-section{padding:60px 0}.pricing-card{padding:24px 20px}.pricing-amount{font-size:2.5rem}.pricing-limits{gap:16px}}.pricing-feature-header{border-top:1px solid #e5e7eb;color:#6366f1;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-top:8px;padding:12px 0 6px;text-transform:uppercase}.pricing-feature-header:first-child{border-top:none;margin-top:0;padding-top:0}.pricing-feature-header.excluded-header{color:#9ca3af;margin-top:16px}.pricing-feature.included.highlight{color:#1e1b4b;font-weight:600}.feature-comparison-section{border-top:1px solid #e5e7eb;margin-top:80px;padding-top:60px}.comparison-title{color:#1e1b4b;font-size:1.75rem;font-weight:700;margin:0 0 12px;text-align:center}.comparison-subtitle{color:#6b7280;font-size:1rem;margin:0 0 40px;text-align:center}.comparison-tables-container{display:flex;flex-direction:column;gap:24px}.category-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.category-table-card:hover{border-color:#c7d2fe;box-shadow:0 8px 30px #6366f11f}.category-table-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;display:flex;gap:10px;padding:12px 16px}.category-table-header .category-icon{font-size:1.5rem}.category-table-header h4{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.3px;margin:0}.category-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.category-table{border-collapse:collapse;min-width:600px;width:100%}.category-table thead tr{position:relative}.category-table th{background:#f1f5f9;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:.8rem;font-weight:600;padding:10px 12px;text-align:center}.category-table th.feature-col{color:#475569;text-align:left;width:40%}.category-table th.plan-col{width:20%}.category-table th.plan-col.featured{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:#6366f1;position:relative}.category-table th.plan-col.featured:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;content:"Popular";font-size:.6rem;padding:2px 6px;position:absolute;right:4px;top:4px}.category-table tbody td{background:#fff;border-bottom:1px solid #f1f5f9;color:#374151;font-size:.85rem;padding:10px 12px;text-align:center}.category-table tbody td:first-child{color:#1f2937;font-weight:500;text-align:left}.category-table tbody tr:last-child td{border-bottom:none}.category-table tbody tr:last-child td:first-child{border-bottom-left-radius:16px}.category-table tbody tr:last-child td:last-child{border-bottom-right-radius:16px}.category-table tbody tr{transition:background-color .15s ease}.category-table tbody tr:hover td{background:#f8fafc}.category-table tbody td:nth-child(2){background:#eef2ff4d}.category-table tbody td:nth-child(3){background:#c7d2fe33}.category-table tbody td:nth-child(4){background:#a5b4fc26}.category-table tbody tr:hover td:nth-child(2){background:#eef2ff80}.category-table tbody tr:hover td:nth-child(3){background:#c7d2fe66}.category-table tbody tr:hover td:nth-child(4){background:#a5b4fc4d}.category-table-card.limits-card{border:2px solid #6366f1}.limit-value{color:#1e1b4b;font-weight:700}.limit-value.unlimited{color:#059669;font-weight:800}.check-icon{color:#10b981;font-size:1.1rem;font-weight:700}.cross-icon{color:#d1d5db;font-size:1rem;font-weight:400}@media (max-width:768px){.feature-comparison-section{margin-top:60px;padding-top:40px}.comparison-title{font-size:1.5rem}.comparison-tables-container{gap:20px}.category-table-card{border-radius:12px}.category-table-header{padding:14px 16px}.category-table-header h4{font-size:1rem}.category-table-header .category-icon{font-size:1.3rem}.category-table th{font-size:.75rem;padding:10px 12px}.category-table td{font-size:.8rem;padding:10px 12px}.category-table th.plan-col.featured:before{font-size:.5rem;padding:2px 4px}.category-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.category-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}}@media (max-width:500px){.comparison-tables-container{gap:16px}.category-table-wrapper{margin:0 -4px}.category-table{min-width:550px}.category-table th.feature-col{width:35%}.category-table th.plan-col{width:21.67%}.category-table-header{padding:12px 14px}.category-table-header h4{font-size:.9rem}.category-table th{font-size:.7rem;padding:8px 10px}.category-table td{font-size:.75rem;padding:8px 10px}}.pickup-display{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;display:flex;flex-direction:column;min-height:100vh}.pickup-header{background:#0000004d;border-bottom:2px solid #fbbf244d;justify-content:space-between;padding:20px 30px}.pickup-brand,.pickup-header{align-items:center;display:flex}.pickup-brand{gap:16px}.pickup-logo{font-size:48px}.pickup-brand h1{color:#fbbf24;font-size:2rem;font-weight:700;margin:0}.pickup-subtitle{color:#94a3b8;font-size:1rem}.pickup-header-right{align-items:center;display:flex;gap:24px}.pickup-time{align-items:flex-end;display:flex;flex-direction:column}.pickup-time .time{color:#fbbf24;font-size:1.5rem;font-weight:700}.pickup-back-btn,.pickup-time .date{color:#94a3b8;font-size:.9rem}.pickup-back-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;padding:10px 20px;transition:all .2s ease}.pickup-back-btn:hover{background:#fff3;color:#fff}.audio-indicator{border-radius:8px;cursor:pointer;font-size:1.8rem;padding:8px;transition:all .2s ease}.audio-indicator.enabled{animation:audio-pulse 2s infinite;background:#22c55e33}.audio-indicator.disabled{animation:audio-blink 1s infinite;background:#ef444433}@keyframes audio-pulse{0%,to{box-shadow:0 0 0 0 #22c55e80}50%{box-shadow:0 0 10px 5px #22c55e4d}}@keyframes audio-blink{0%,to{opacity:1}50%{opacity:.5}}.audio-notice{animation:pulse-glow 2s infinite;background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#1a1a2e;cursor:pointer;font-weight:600;padding:12px;text-align:center}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #fbbf2480}50%{box-shadow:0 0 20px #fbbf24cc}}.now-calling-section{animation:now-calling-pulse 1.5s infinite;background:linear-gradient(135deg,#22c55e,#16a34a);border-bottom:4px solid #15803d;padding:30px;text-align:center}@keyframes now-calling-pulse{0%,to{box-shadow:0 0 0 0 #22c55eb3}50%{box-shadow:0 0 40px 10px #22c55e66}}.now-calling-badge{animation:badge-blink 1s infinite;background:#0003;border-radius:20px;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:3px;margin-bottom:16px;padding:8px 24px}@keyframes badge-blink{0%,to{opacity:1}50%{opacity:.6}}.now-calling-content{align-items:center;display:flex;flex-direction:column;gap:12px}.now-calling-token{font-family:Courier New,monospace;font-size:4rem;font-weight:800;letter-spacing:4px;text-shadow:2px 2px 4px #0000004d}.now-calling-name{font-size:2rem;font-weight:600}.now-calling-message{font-size:1.2rem;margin-top:8px;opacity:.9}.new-order-flash{animation:flash-in .3s ease-out,flash-pulse .5s ease-in-out .3s 3;background:linear-gradient(90deg,#3b82f6,#6366f1);color:#fff;font-size:1.2rem;font-weight:700;padding:16px;text-align:center}@keyframes flash-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes flash-pulse{0%,to{background:linear-gradient(90deg,#3b82f6,#6366f1)}50%{background:linear-gradient(90deg,#60a5fa,#818cf8)}}.new-order-highlight{animation:new-order-glow .5s ease-in-out 3!important;border-color:#3b82f6!important}@keyframes new-order-glow{0%,to{box-shadow:0 0 20px #3b82f699;transform:scale(1)}50%{box-shadow:0 0 40px #3b82f6e6;transform:scale(1.05)}}.pickup-content{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 1fr;overflow-y:auto;padding:24px}.pickup-section{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;padding:20px}.ready-section{border-color:#22c55e66}.preparing-section{border-color:#fbbf2466}.section-title{align-items:center;display:flex;font-size:1.5rem;gap:12px;margin:0 0 20px}.title-icon{font-size:1.8rem}.section-count{background:#22c55e;border-radius:20px;color:#fff;font-size:1rem;margin-left:auto;padding:4px 12px}.preparing-count{background:#f59e0b}.empty-section{align-items:center;color:#64748b;display:flex;font-size:1.1rem;justify-content:center;min-height:200px}.orders-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.order-card{background:#ffffff1a;border-radius:12px;padding:16px;text-align:center;transition:transform .2s ease}.order-card:hover{transform:scale(1.02)}.ready-card{animation:ready-glow 2s infinite;background:linear-gradient(135deg,#22c55e33,#16a34a33);border:2px solid #22c55e80}@keyframes ready-glow{0%,to{box-shadow:0 0 10px #22c55e4d}50%{box-shadow:0 0 20px #22c55e80}}.preparing-card{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border:2px solid #fbbf2466}.order-token{font-family:Courier New,monospace;font-size:1.5rem;font-weight:800;margin-bottom:8px}.ready-card .order-token{color:#4ade80}.preparing-card .order-token{color:#fbbf24}.order-name{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin-bottom:6px}.order-time{color:#94a3b8;font-size:.8rem}.pickup-footer{background:#0000004d;border-top:2px solid #ffffff1a;display:flex;gap:60px;justify-content:center;padding:20px}.pickup-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-value{color:#fbbf24;font-size:2rem;font-weight:800}.stat-label{color:#94a3b8;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.pickup-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.pickup-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#fbbf24;height:50px;width:50px}@media (max-width:768px){.pickup-content{grid-template-columns:1fr}.pickup-header{flex-direction:column;gap:16px;text-align:center}.pickup-header-right{justify-content:space-between;width:100%}.now-calling-token{font-size:2.5rem}.now-calling-name{font-size:1.5rem}.pickup-footer{gap:30px}.stat-value{font-size:1.5rem}}@media (max-width:480px){.orders-grid{grid-template-columns:1fr}.pickup-brand h1{font-size:1.5rem}.pickup-logo{font-size:36px}}.login-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:420px;padding:3rem;width:100%}.login-logo{margin-bottom:2rem;text-align:center}.logo-icon{display:block;font-size:4rem;margin-bottom:.5rem}.login-logo h1{color:#fff;font-size:2rem;font-weight:600;margin:0}.login-subtitle{color:#fff9;font-size:1rem;margin-top:.5rem}.login-content{text-align:center}.login-description{color:#ffffffb3;line-height:1.6;margin-bottom:2rem}.login-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.login-button.microsoft,.login-button.signin{background:#fff;color:#333}.login-button.signin-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;font-size:1.1rem;padding:16px 32px}.login-button.signin-primary .signin-icon{stroke:#fff}.login-button.signin-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6,#6a4190);box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.login-button.signin-primary:disabled{cursor:not-allowed;opacity:.7}.login-button.microsoft:hover:not(:disabled),.login-button.signin:hover:not(:disabled){background:#f5f5f5;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.login-button.microsoft:disabled,.login-button.signin:disabled{cursor:not-allowed;opacity:.7}.login-button.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff;margin-top:1rem}.login-button.secondary:hover{background:#ffffff26}.microsoft-icon,.signin-icon{height:20px;width:20px}.signin-icon{stroke:#333}.login-providers-hint{color:#ffffff80;display:flex;font-size:.85rem;gap:.5rem;margin-top:1.5rem}.login-providers-hint,.provider-badge{align-items:center;justify-content:center}.provider-badge{display:inline-flex;height:20px;width:20px}.provider-badge svg{height:16px;opacity:.8;width:16px}.hint-text{margin-left:.25rem}.button-spinner{animation:spin 1s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:#333;height:20px;width:20px}.login-error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:10px;color:#ff6b6b;padding:12px 16px}.login-error,.login-error-box{margin-bottom:1.5rem;text-align:center}.login-error-box h2{color:#ff6b6b;margin-bottom:1rem}.login-error-box p{color:#fffc;line-height:1.6;margin:.5rem 0}.login-footer{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#ffffff80;font-size:.9rem;margin:0}.login-footer a{color:#4dabf7;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-loading{padding:2rem 0;text-align:center}.login-loading p{color:#ffffffb3;margin-top:1rem}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#4dabf7;height:40px;margin:0 auto;width:40px}.login-trial-benefits{background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.trial-benefit{align-items:center;color:#ffffffe6;display:flex;gap:.75rem;padding:.5rem 0}.trial-benefit .benefit-icon{color:#10b981;font-size:1.1rem;font-weight:700}.login-subscription-info{background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.subscription-tier-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:.35rem 1rem}.subscription-pricing{gap:.75rem}.pricing-option{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex:1 1;padding:.75rem;text-align:center;transition:all .2s ease}.pricing-option.featured{background:#10b98126;border-color:#10b98166}.pricing-option .pricing-label{color:#fff9;display:block;font-size:.75rem;margin-bottom:.25rem}.pricing-option .pricing-value{color:#fff;display:block;font-size:1rem;font-weight:600}.pricing-option .pricing-save{color:#10b981;display:block;font-size:.7rem;font-weight:500;margin-top:.25rem}.login-card-trial{border-color:#10b9814d}.login-card-subscribe{border-color:#6366f14d}.login-button.trial-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.login-button.trial-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98180}.login-button.subscribe-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f166}.login-button.subscribe-button:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px #6366f180}.login-switch-intent{color:#fff9;font-size:.9rem;margin-bottom:0;margin-top:1rem}.link-button{background:none;border:none;color:#4dabf7;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;transition:color .2s ease}.link-button:hover{color:#74c0fc}@media (max-width:480px){.login-card{padding:2rem 1.5rem}.login-logo h1{font-size:1.5rem}.logo-icon{font-size:3rem}.subscription-pricing{flex-direction:column}}.bill-view-container{background:#f3f4f6;min-height:100vh;padding:20px}.bill-view-error,.bill-view-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:40px auto;max-width:500px;min-height:300px;padding:40px}.bill-view-error h2{color:#dc2626;margin-bottom:12px}.bill-view-error p{color:#6b7280;margin-bottom:20px}.bill-view-actions{display:flex;gap:12px;justify-content:space-between;margin:0 auto 20px;max-width:600px}.bill-view-back-btn,.bill-view-print-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.bill-view-back-btn{background:#e5e7eb;color:#374151}.bill-view-back-btn:hover{background:#d1d5db}.bill-view-print-btn{background:#3b82f6;color:#fff}.bill-view-print-btn:hover{background:#2563eb}.bill-view-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:600px;overflow:hidden}.bill-view-header{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:24px;text-align:center}.bill-view-restaurant{font-size:24px;font-weight:700;margin-bottom:8px}.bill-view-title{font-size:18px;letter-spacing:4px;opacity:.9}.bill-view-info{border-bottom:1px dashed #e5e7eb;padding:20px 24px}.bill-info-row{display:flex;justify-content:space-between;margin-bottom:8px}.bill-info-row:last-child{margin-bottom:0}.info-label{color:#6b7280}.info-value{color:#1f2937;font-weight:600}.bill-view-section{border-bottom:1px dashed #e5e7eb;padding:20px 24px}.section-title{color:#374151;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.bill-items-table,.payments-table{border-collapse:collapse;width:100%}.bill-items-table td,.bill-items-table th,.payments-table td,.payments-table th{border-bottom:1px solid #f3f4f6;padding:10px 8px;text-align:left}.bill-items-table th,.payments-table th{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.text-center{text-align:center!important}.text-right{text-align:right!important}.badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;margin-left:6px;padding:2px 6px;vertical-align:middle}.badge-qr{background:#dbeafe;color:#1e40af}.badge-takeaway{background:#fed7aa;color:#9a3412}.bill-view-totals{background:#f9fafb;border-bottom:1px dashed #e5e7eb;padding:16px 24px}.total-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.total-row:last-child{margin-bottom:0}.grand-total{border-top:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:700;margin-top:8px;padding-top:8px}.no-payments{color:#9ca3af;font-style:italic;padding:12px 0}.payment-info,.payment-summary{margin-top:12px}.payment-row{display:flex;justify-content:space-between;margin-bottom:8px}.payment-method-badge{background:#e0f2fe;border-radius:20px;color:#0369a1;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.paid-amount{color:#059669;font-weight:600}.fully-paid span:last-child{color:#059669;font-weight:700}.balance-due span:last-child{color:#dc2626;font-weight:700}.bill-view-status{padding:20px 24px;text-align:center}.status-badge{border-radius:30px;display:inline-block;font-size:16px;font-weight:700;letter-spacing:2px;padding:8px 24px}.status-badge.paid{background:#d1fae5;color:#059669}.status-badge.unpaid{background:#fee2e2;color:#dc2626}.status-badge.partiallypaid{background:#fef3c7;color:#d97706}.bill-view-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px 24px;text-align:center}.bill-view-footer p{color:#6b7280;font-style:italic;margin:0}@media print{.no-print{display:none!important}.bill-view-container{background:#fff;padding:0}.bill-view-card{border-radius:0;box-shadow:none;max-width:100%}.bill-view-header{background:#1f2937!important}.bill-view-header,.bill-view-totals{-webkit-print-color-adjust:exact;print-color-adjust:exact}.bill-view-totals{background:#f9fafb!important}.status-badge.paid{background:#d1fae5!important}.status-badge.paid,.status-badge.unpaid{-webkit-print-color-adjust:exact;print-color-adjust:exact}.status-badge.unpaid{background:#fee2e2!important}.status-badge.partiallypaid{background:#fef3c7!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.organization-setup{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.setup-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;overflow:hidden;width:100%}.setup-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;text-align:center}.setup-header h1{font-size:24px;font-weight:600;margin:0 0 20px}.step-indicator{gap:8px}.step,.step-indicator{align-items:center;display:flex;justify-content:center}.step{background:#ffffff4d;border-radius:50%;font-size:14px;font-weight:600;height:32px;transition:all .3s ease;width:32px}.step.active{background:#fff;color:#667eea}.step.completed{background:#4caf50;color:#fff}.step-line{background:#ffffff4d;border-radius:2px;height:3px;width:40px}.setup-step{padding:32px;text-align:center}.welcome-icon{font-size:64px;margin-bottom:16px}.setup-step h2{color:#333;font-size:24px;font-weight:600;margin:0 0 12px}.step-description,.welcome-text{color:#666;font-size:16px;line-height:1.5;margin:0 0 24px}.user-info{background:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:16px;text-align:left}.info-row{display:flex;justify-content:space-between;padding:8px 0}.info-row:not(:last-child){border-bottom:1px solid #e9ecef}.info-row .label{color:#666;font-size:14px}.info-row .value{color:#333;font-size:14px;font-weight:500}.trial-info{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;margin-bottom:24px;padding:20px}.trial-badge{background:#4caf50;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:8px;padding:6px 16px}.trial-info p{color:#2e7d32;font-size:14px;margin:0}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:12px;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.primary-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.7}.secondary-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:14px 24px;transition:background .2s ease}.secondary-button:hover:not(:disabled){background:#e9ecef}.text-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;padding:8px;text-decoration:underline}.text-button:hover{color:#764ba2}.setup-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#adb5bd}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:12px;margin-top:24px}.form-actions .primary-button{flex:2 1;margin-bottom:0}.form-actions .secondary-button{flex:1 1}.error-message{background:#ffebee;border-radius:8px;color:#c62828;font-size:14px;margin-top:12px;padding:12px 16px}.success-step{padding:48px 32px}.success-icon{align-items:center;animation:scaleIn .5s ease;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-text{color:#333;font-size:16px;margin-bottom:8px}.redirect-text{color:#666;font-size:14px;margin-bottom:20px}.loading-dots{display:flex;gap:8px;justify-content:center}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:#667eea;border-radius:50%;height:10px;width:10px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.subscription-info{background:linear-gradient(135deg,#ede7f6,#d1c4e9);border-radius:12px;margin-bottom:24px;padding:20px}.subscription-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:12px;padding:6px 16px}.subscription-pricing{display:flex;gap:12px;margin-bottom:12px}.subscription-info .pricing-option{background:#fffc;border:1px solid #667eea33;border-radius:10px;flex:1 1;padding:12px;text-align:center}.subscription-info .pricing-option.featured{background:#667eea26;border-color:#667eea66}.subscription-info .pricing-label{color:#666;display:block;font-size:12px;margin-bottom:4px}.subscription-info .pricing-value{color:#333;display:block;font-size:16px;font-weight:600}.subscription-info .pricing-save{color:#4caf50;display:block;font-size:11px;font-weight:500;margin-top:4px}.subscription-note{color:#5e35b1;font-size:13px;font-style:italic;margin:0}.billing-cycle-toggle{background:#ffffff80;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:4px}.cycle-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:500;gap:4px;padding:10px 16px;transition:all .2s ease}.cycle-option:hover{background:#667eea1a}.cycle-option.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.cycle-option .save-tag{background:#4caf50;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.cycle-option.active .save-tag{background:#ffffff4d}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:32px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.existing-org-warning{text-align:center}.existing-org-warning .warning-icon{font-size:48px;margin-bottom:16px}.existing-org-warning h3{color:#333;font-size:20px;margin:0 0 12px}.existing-org-warning .warning-text{color:#666;font-size:14px;margin:0 0 16px}.existing-orgs-list{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}.existing-org-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.existing-org-item:not(:last-child){border-bottom:1px solid #e9ecef}.existing-org-item .org-name{color:#333;font-weight:500}.existing-org-item .org-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.existing-org-item .org-status.active{background:#e8f5e9;color:#2e7d32}.existing-org-item .org-status.trial{background:#e3f2fd;color:#1565c0}.existing-org-item .org-status.expired{background:#ffebee;color:#c62828}.existing-org-warning .warning-note{color:#666;font-size:14px;line-height:1.5;margin:0 0 24px}.existing-org-warning .warning-note strong{color:#333}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-actions .primary-button,.modal-actions .secondary-button{flex:1 1;max-width:200px}.checking-eligibility{align-items:center;background:#f8f9fa;border-radius:12px;color:#666;display:flex;font-size:14px;gap:12px;justify-content:center;margin-bottom:24px;padding:16px}.loading-spinner-small{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.eligibility-error{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #ef9a9a;border-radius:12px;margin-bottom:24px;padding:24px;text-align:center}.eligibility-error .error-icon{font-size:48px;margin-bottom:12px}.eligibility-error .error-message{background:none;color:#c62828;font-size:15px;font-weight:500;line-height:1.5;margin:0 0 12px;padding:0}.eligibility-error .error-help{color:#666;font-size:14px;margin:0 0 20px}.eligibility-error .subscribe-button{margin-bottom:8px}.subscription-confirmation{background:linear-gradient(135deg,#ede7f6,#d1c4e9);border-radius:8px;color:#5e35b1;font-size:14px;font-weight:500;margin:0 0 16px;padding:12px 16px}@media (max-width:520px){.organization-setup{padding:0}.setup-container{border-radius:0;min-height:100vh}.setup-step{padding:24px 20px}.form-actions{flex-direction:column-reverse}.form-actions .primary-button,.form-actions .secondary-button{width:100%}.subscription-pricing{flex-direction:column}}
/*# sourceMappingURL=main.f9f243e7.css.map*/