@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#faf7f2;--bg-secondary:#fff;--bg-sidebar:#fff9ed;--text-primary:#291b12;--text-secondary:#705d51;--accent-primary:#d97706;--accent-hover:#b45309;--accent-light:#fef3c7;--border-color:#efe9de;--card-shadow:0 10px 30px -5px #d977060d, 0 4px 12px -2px #705d5108;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--accent-glow:#d9770640;--accent-glow-soft:#d9770614;--accent-gradient:linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--card-shadow-hover:0 25px 50px -12px #d977061f, 0 12px 24px -8px #705d5114;--card-shadow-deep:0 30px 60px -15px #d9770626, 0 15px 30px -10px #705d511a;--sidebar-gradient:linear-gradient(180deg, #fffdf7 0%, #fff9ed 40%, #fff5e1 100%);--glass-border:#d977061f;--glass-bg:#ffffffd9;--surface-hover:#d977060a;--status-pending-bg:#fef3c7;--status-pending-text:#d97706;--status-preparing-bg:#dbeafe;--status-preparing-text:#2563eb;--status-ready-bg:#d1fae5;--status-ready-text:#059669;--status-completed-bg:#f3f4f6;--status-completed-text:#4b5563;--status-cancelled-bg:#fee2e2;--status-cancelled-text:#dc2626;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Outfit,sans-serif;font-weight:400;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-primary:#120e0c;--bg-secondary:#1c1714;--bg-sidebar:#191310;--text-primary:#f3ece7;--text-secondary:#afa095;--accent-primary:#f59e0b;--accent-hover:#fbbf24;--accent-light:#451a03;--border-color:#2d241e;--card-shadow:0 10px 30px -10px #00000080;--accent-glow:#f59e0b4d;--accent-glow-soft:#f59e0b0f;--accent-gradient:linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--card-shadow-hover:0 25px 50px -12px #0009, 0 12px 24px -8px #f59e0b14;--card-shadow-deep:0 30px 60px -15px #000000b3, 0 15px 30px -10px #f59e0b1a;--sidebar-gradient:linear-gradient(180deg, #1a1410 0%, #191310 40%, #16110e 100%);--glass-border:#f59e0b1a;--glass-bg:#1c1714e6;--surface-hover:#f59e0b0f;--status-pending-bg:#451a03;--status-pending-text:#fbbf24;--status-preparing-bg:#1e3a8a;--status-preparing-text:#93c5fd;--status-ready-bg:#064e3b;--status-ready-text:#34d399;--status-completed-bg:#374151;--status-completed-text:#d1d5db;--status-cancelled-bg:#7f1d1d;--status-cancelled-text:#fca5a5}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;letter-spacing:-.01em;min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;line-height:1.3}h1{font-weight:800}h2{font-weight:700}h3{font-weight:600}p{letter-spacing:-.005em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent-glow-soft);border-radius:100px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}*{scrollbar-width:thin;scrollbar-color:var(--accent-glow-soft) transparent}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px)saturate(1.2);border-radius:18px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s;position:relative;overflow:hidden}.glass-card:before{content:"";opacity:.6;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--accent-glow);transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulseBorder{0%{border-color:var(--border-color)}50%{border-color:var(--accent-primary)}to{border-color:var(--border-color)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 12px 2px var(--accent-glow)}to{box-shadow:0 0 0 0 var(--accent-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes readyPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes occupiedPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes borderGlow{0%,to{border-color:var(--glass-border)}50%{border-color:var(--accent-glow)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.45s cubic-bezier(.22,1,.36,1) forwards fadeInScale}.animate-pulse-border{animation:2s ease-in-out infinite pulseBorder}.animate-fade-in>*{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards staggerFadeIn}.animate-fade-in>:first-child{animation-delay:50ms}.animate-fade-in>:nth-child(2){animation-delay:.1s}.animate-fade-in>:nth-child(3){animation-delay:.15s}.animate-fade-in>:nth-child(4){animation-delay:.2s}.animate-fade-in>:nth-child(5){animation-delay:.25s}.animate-fade-in>:nth-child(6){animation-delay:.3s}.animate-fade-in>:nth-child(7){animation-delay:.35s}.animate-fade-in>:nth-child(8){animation-delay:.4s}.animate-fade-in>:nth-child(9){animation-delay:.45s}.animate-fade-in>:nth-child(10){animation-delay:.5s}.stat-number{animation:.6s cubic-bezier(.22,1,.36,1) forwards countUp;display:inline-block}.shimmer,.skeleton-loading{background:linear-gradient(90deg, var(--border-color) 25%, var(--accent-glow-soft) 37%, var(--border-color) 63%);background-size:200% 100%;border-radius:8px;animation:1.8s ease-in-out infinite shimmer}.shimmer-line{border-radius:6px;height:14px;margin-bottom:10px}.shimmer-line:last-child{width:60%}.shimmer-circle{border-radius:50%}.shimmer-card{border-radius:18px;padding:24px}.app-container{min-height:100vh;display:flex}.main-content{flex-grow:1;max-width:calc(100vw - 260px);margin-left:260px;padding:32px;transition:margin-left .3s;animation:.4s forwards fadeIn}@media (width<=768px){.main-content{max-width:100vw;margin-left:0;padding:80px 16px 16px}}.sidebar-btn-hover{transition:all .25s cubic-bezier(.22,1,.36,1)!important}.sidebar-btn-hover:hover{transform:translate(2px);background-color:var(--surface-hover)!important}.status-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.status-pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.status-preparing{background-color:var(--status-preparing-bg);color:var(--status-preparing-text);animation:2s ease-in-out infinite subtlePulse}.status-ready{background-color:var(--status-ready-bg);color:var(--status-ready-text);animation:2s ease-in-out infinite readyPulse}.status-completed{background-color:var(--status-completed-bg);color:var(--status-completed-text)}.status-cancelled{background-color:var(--status-cancelled-bg);color:var(--status-cancelled-text)}.form-input,.form-textarea,.form-select{border:1.5px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);letter-spacing:-.005em;border-radius:12px;padding:13px 18px;font-family:inherit;font-size:.95rem;transition:border-color .3s,box-shadow .3s,background-color .3s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);opacity:.6;letter-spacing:0;font-weight:400}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--accent-glow);background-color:var(--surface-hover)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow-soft), 0 0 20px -4px var(--accent-glow);background-color:var(--bg-secondary);outline:none}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23705D51' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.btn{cursor:pointer;letter-spacing:-.005em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;opacity:1;background:linear-gradient(#ffffff1f 0%,#0000 100%);transition:opacity .2s;position:absolute;inset:0}.btn:active{transition-duration:.1s;transform:scale(.97)!important}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px -3px var(--accent-glow), inset 0 1px 0 #ffffff26}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent-primary) 100%);box-shadow:0 8px 24px -4px var(--accent-glow), inset 0 1px 0 #fff3;transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1.5px solid var(--border-color);box-shadow:0 2px 6px -2px #0000000a}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--accent-glow);transform:translateY(-1px);box-shadow:0 4px 12px -3px #0000000f}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px -3px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 8px 24px -4px #ef444459}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px -3px #10b9814d}.btn-success:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 8px 24px -4px #10b98159}.btn-sm{border-radius:8px;padding:7px 14px;font-size:.82rem}table{border-collapse:separate;border-spacing:0}thead th{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:.8rem;font-weight:600}tbody tr{transition:background-color .2s,transform .2s}tbody tr:hover{background-color:var(--surface-hover)}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-wrapper .tooltip-text{visibility:hidden;opacity:0;background:var(--text-primary);color:var(--bg-secondary);letter-spacing:.01em;white-space:nowrap;z-index:9999;pointer-events:none;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px -2px #00000026}.tooltip-wrapper .tooltip-text:after{content:"";border:5px solid #0000;border-top-color:var(--text-primary);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.tooltip-wrapper .tooltip-text.tooltip-bottom{top:calc(100% + 8px);bottom:auto}.tooltip-wrapper .tooltip-text.tooltip-bottom:after{border-top-color:#0000;border-bottom-color:var(--text-primary);top:auto;bottom:100%}.responsive-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=768px){.responsive-grid{grid-template-columns:1fr;gap:16px}}.responsive-pos-details{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.responsive-pos-details{grid-template-columns:1fr;gap:12px}}.responsive-tables-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}@media (width<=768px){.responsive-tables-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}}.responsive-modal-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=768px){.responsive-modal-grid{grid-template-columns:1fr;gap:16px}}.occupied-table-card{animation:2s ease-in-out infinite occupiedPulse}.login-bg{z-index:0;background:radial-gradient(ellipse at 30% 20%, var(--bg-sidebar) 0%, var(--bg-primary) 60%);position:fixed;inset:0;overflow:hidden}.login-bg:before,.login-bg:after{content:"";filter:blur(80px);opacity:.35;border-radius:50%;animation:20s ease-in-out infinite floatOrb;position:absolute}.login-bg:before{background:var(--accent-glow);width:500px;height:500px;animation-delay:0s;top:-10%;left:-5%}.login-bg:after{background:#f59e0b26;width:400px;height:400px;animation-delay:-10s;bottom:-10%;right:-5%}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(30px,40px)scale(1.02)}}.login-card-premium{z-index:1;position:relative;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;-webkit-backdrop-filter:blur(24px)saturate(1.4)!important;box-shadow:var(--card-shadow-deep), inset 0 1px 0 #ffffff26!important}.login-card-premium:hover{border-color:var(--accent-glow)!important;transform:translateY(-2px)!important}.login-brand-icon{background:var(--accent-gradient);color:#fff;width:72px;height:72px;box-shadow:0 8px 30px -6px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex;position:relative}.login-brand-icon:after{content:"";border:2px solid var(--accent-glow-soft);border-radius:50%;animation:3s ease-in-out infinite borderGlow;position:absolute;inset:-3px}.sidebar-premium{box-shadow:4px 0 24px -6px #0000000a;background:var(--sidebar-gradient)!important;border-right:1px solid var(--glass-border)!important}.sidebar-brand-separator{background:linear-gradient(90deg, transparent 0%, var(--accent-glow) 50%, transparent 100%);opacity:.5;border:none;height:1px;margin:0}.sidebar-nav-item{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);letter-spacing:-.005em;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.sidebar-nav-item:hover{background-color:var(--surface-hover);transform:translate(2px)}.sidebar-nav-item.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 16px -4px var(--accent-glow);font-weight:600}.sidebar-active-indicator{background:var(--accent-gradient);opacity:0;border-radius:0 4px 4px 0;width:4px;height:24px;transition:opacity .3s,height .3s;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.sidebar-nav-item.active .sidebar-active-indicator{opacity:1}.sidebar-brand-icon{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px -4px var(--accent-glow);border-radius:14px;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.sidebar-brand-icon:after{content:"";border:1.5px solid var(--accent-glow-soft);border-radius:16px;position:absolute;inset:-2px}.hover-lift{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}.hover-lift:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.text-accent{color:var(--accent-primary)}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider-gradient{background:linear-gradient(90deg, transparent 0%, var(--border-color) 50%, transparent 100%);border:none;height:1px}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;top:0;left:0;color:#000!important;width:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.receipt-width{width:80mm!important;max-width:80mm!important}.receipt-width-58{width:58mm!important;max-width:58mm!important;font-size:10px!important}}.kot-print-container{display:none}@media print{body.kot-active *{visibility:hidden!important}body.kot-active .kot-print-container,body.kot-active .kot-print-container *{visibility:visible!important;display:block!important}body.kot-active .kot-print-container table,body.kot-active .kot-print-container tr,body.kot-active .kot-print-container td,body.kot-active .kot-print-container th{display:table!important}body.kot-active .kot-print-container tbody{display:table-row-group!important}body.kot-active .kot-print-container thead{display:table-header-group!important}body.kot-active .kot-print-container tr{display:table-row!important}body.kot-active .kot-print-container td,body.kot-active .kot-print-container th{display:table-cell!important}}