#root{width:100%}@media(max-width:900px){#root{width:100%}}@media(max-width:600px){#root{width:100%}}.app-header{background:linear-gradient(135deg,#000,#1a1a1a,#2d2d2d);color:#fff;padding:30px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #d4af3733;border-bottom:3px solid #D4AF37;z-index:10;position:relative;width:100%;box-sizing:border-box}.header-brand{display:flex;align-items:center;gap:15px;flex:1;min-width:0}.header-title-block{display:flex;flex-direction:column;align-items:flex-start}.header-logo-img{height:60px;width:auto;-o-object-fit:contain;object-fit:contain;display:block;margin-left:-5px}.header-subtitle{margin:0;font-size:.95em;opacity:.9;color:#e5c158;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;padding-left:2px}.btn-logout{background:linear-gradient(135deg,#d4af37,gold);color:#000;border:2px solid #D4AF37;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #d4af3733;white-space:nowrap;flex-shrink:0;margin-left:15px}.btn-logout:hover{box-shadow:0 6px 16px #d4af3766;transform:translateY(-2px)}.btn-logout:active{box-shadow:0 4px 12px #d4af3733;transform:translateY(0)}@media(max-width:768px){.app-header{padding:20px 25px}.header-logo-img{height:60px}}@media(max-width:480px){.app-header{padding:12px 16px;border-bottom-width:2px}.header-brand{gap:12px}.header-logo-img{height:45px}.header-subtitle{font-size:.8em;margin-top:0}.btn-logout{padding:8px 16px;font-size:.9em;border-radius:8px;border-width:1px}}.kasir-notification-wrapper{position:fixed;top:0;left:0;right:0;z-index:2000;display:flex;flex-direction:column;gap:8px;padding:12px;max-height:400px;overflow-y:auto;pointer-events:auto}.kasir-notification{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(135deg,#d4af37,gold);color:#000;padding:16px;border-radius:12px;box-shadow:0 12px 32px #d4af374d;animation:slideInDown .4s ease-out,pulse 2s ease-in-out infinite;border-left:4px solid #B8860B}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 12px 32px #d4af374d}50%{box-shadow:0 12px 48px #d4af3799}}.notif-left{flex:1;display:flex;flex-direction:column;gap:4px}.notif-title{font-weight:700;font-size:1.05em;color:#1a1a1a}.notif-message{font-size:.95em;color:#2d2d2d;font-weight:500}.notif-actions{display:flex;gap:8px;flex-shrink:0}.btn-start-prep{background:#1a1a1a;color:#d4af37;border:2px solid #D4AF37;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.9em;transition:all .3s ease}.btn-start-prep:hover{background:#d4af37;color:#1a1a1a;box-shadow:0 8px 20px #d4af3766;transform:scale(1.05)}.btn-start-prep:active{transform:scale(.98)}.btn-ghost{background:transparent;color:#1a1a1a;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85em;transition:all .3s ease}.btn-ghost:hover{background:#1a1a1a33}.btn-ghost:active{transform:scale(.95)}.sound-enable-wrap{position:fixed;bottom:96px;right:16px;z-index:1300}.sound-toggle{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border:none;padding:10px 14px;border-radius:12px;font-weight:700;box-shadow:0 8px 24px #ef44442e;cursor:pointer;transition:all .3s ease}.sound-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ef44444d}.sound-toggle:active{transform:scale(.98)}@media(max-width:768px){.kasir-notification{padding:12px;flex-direction:column;align-items:flex-start}.notif-actions{width:100%}.btn-start-prep,.btn-ghost{flex:1}.kasir-notification-wrapper{padding:8px;gap:6px}}@media(max-width:480px){.kasir-notification{padding:10px;border-radius:8px}.notif-title{font-size:.95em}.notif-message{font-size:.85em}.btn-start-prep,.btn-ghost{padding:6px 10px;font-size:.8em}.sound-toggle{padding:8px 10px;font-size:.85em}}.orders-group{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:15px;padding:20px;margin-top:20px;border:2px solid #D4AF37}.orders-group h3{margin-bottom:15px;font-size:1.2em;color:#d4af37}.order-customer{font-weight:700;color:#000;margin:10px 0;padding:10px;background:#f5f5f5;border-radius:8px;font-size:1em}.customer-notes{font-size:.95em;color:#000;font-weight:600;margin-top:5px;background:#fff;padding:6px 8px;border-radius:4px;border-left:3px solid #D97706}.received-orders-list{display:grid;gap:12px}.received-order-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;padding:15px;border:2px solid #D4AF37;display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.received-order-card:hover{box-shadow:0 8px 16px #d4af3733;transform:translateY(-2px)}.order-header-compact{display:flex;justify-content:space-between;align-items:center;gap:10px}.order-header-compact .table-name{font-size:1.1em;font-weight:700;color:#d4af37}.order-header-compact .customer-name{font-weight:600;color:#e5c158;flex:1}.order-summary{font-size:.95em;color:#d4af37;font-weight:500}.preparing-orders-list{display:grid;gap:12px}.preparing-order-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;padding:15px;border:2px solid #F59E0B;display:flex;flex-direction:column;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #f59e0b26}.preparing-order-card:hover{box-shadow:0 8px 16px #f59e0b40;transform:translateY(-2px);border-color:gold}.preparing-order-card .table-name{color:#f59e0b;font-weight:700}.btn-start-delivery{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.95em;box-shadow:0 4px 12px #f59e0b33}.btn-start-delivery:hover{box-shadow:0 6px 16px #f59e0b59;transform:translateY(-2px)}.delivering-orders-list{display:grid;gap:12px}.delivering-order-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;padding:15px;border:2px solid #8B5CF6;display:flex;flex-direction:column;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf626}.delivering-order-card:hover{box-shadow:0 8px 16px #8b5cf640;transform:translateY(-2px);border-color:#a78bfa}.delivering-order-card .table-name{color:#a78bfa;font-weight:700}.delivery-status{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:6px 12px;border-radius:6px;font-size:.85em;font-weight:600;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.kasir-container{display:grid;grid-template-columns:1fr 320px;gap:25px;animation:fadeIn .5s ease-out;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;overflow-x:visible;align-items:start}.kasir-container .menu-section{grid-column:1;min-width:0}.kasir-container .billing-section{grid-column:2;min-width:0}@media(max-width:1400px){.kasir-container{grid-template-columns:1fr 300px;gap:20px;padding:0 16px}.menu-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}}@media(max-width:1200px){.kasir-container{grid-template-columns:1fr;gap:20px;padding:0 16px}.billing-section{position:relative!important;top:auto!important;width:100%!important}.kasir-container .billing-section{grid-column:1}}@media(max-width:900px){.kasir-container{grid-template-columns:1fr;padding:0 12px 140px;gap:15px}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.menu-section{padding:16px;border-radius:12px;margin-bottom:20px}.menu-section h2{font-size:1.2em;margin-bottom:12px}.billing-section{position:fixed!important;inset:auto 0 0!important;width:100%!important;z-index:1000!important;border-radius:20px 20px 0 0!important;padding:0!important;box-shadow:0 -4px 20px #0006!important;margin:0!important;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:#1a1a1a!important;border:1px solid #D4AF37;border-bottom:none}.billing-section.mobile-collapsed{height:80px!important;overflow:hidden}.billing-section.mobile-expanded{height:85vh!important}.mobile-billing-handle{display:flex;flex-direction:column;align-items:center;padding:10px 20px;background:linear-gradient(180deg,#2d2d2d,#1a1a1a);border-bottom:1px solid rgba(212,175,55,.2);cursor:pointer;width:100%;box-sizing:border-box}.handle-bar{width:40px;height:4px;background:#fff3;border-radius:2px;margin-bottom:10px}.handle-content{display:flex;justify-content:space-between;align-items:center;width:100%}.handle-info{display:flex;flex-direction:column}.handle-label{font-size:.8em;color:#9ca3af}.handle-amount{font-size:1.2em;font-weight:700;color:#d4af37}.handle-action{display:flex;align-items:center;gap:8px;color:#d4af37;font-size:.9em;background:#d4af371a;padding:6px 12px;border-radius:20px}.billing-scroll-content{padding:20px 20px 26px;overflow-y:auto;flex:1}@media(min-width:901px){.mobile-billing-handle{display:none}}.billing-header{margin-bottom:8px}.billing-grid{grid-template-columns:1fr;gap:12px}.cart-items{max-height:180px}.billing-total{width:100%;max-width:none;display:flex;justify-content:space-between;align-items:center}.payment-buttons{grid-template-columns:repeat(4,1fr);max-width:none}.payment-btn .payment-label{display:none}.payment-btn{padding:10px}.billing-col-right .pay-button{max-width:none;padding:12px;font-size:1.1em}}@media(min-width:901px){.mobile-billing-handle{display:none!important}.billing-scroll-content{display:contents}}@media(max-width:640px){.kasir-container{padding:0 0 90px;width:100%;box-sizing:border-box;overflow-x:hidden;position:relative}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.menu-section{padding:6px!important;width:100%;box-sizing:border-box;border-radius:12px;margin-bottom:20px;overflow:hidden}.menu-button{padding:4px!important;min-height:auto!important;height:auto!important;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;position:relative;overflow:hidden!important;box-sizing:border-box!important;width:100%!important}.menu-button-image{height:40px!important;width:100%;-o-object-fit:cover;object-fit:cover;margin-bottom:4px;border-radius:4px}.menu-button .name{font-size:.55em!important;line-height:1.1;margin-bottom:2px;height:auto;min-height:2.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.menu-button .price{font-size:.6em!important;margin-bottom:4px;color:#d4af37;font-weight:700}.menu-hint{display:none}.menu-button .qty-controls{justify-content:center!important;gap:2px!important;margin-top:auto!important;padding:2px 0 0!important;position:relative!important;width:100%!important;background:transparent!important;flex-wrap:nowrap!important;display:flex!important}.menu-button .qty-controls .qty-btn{width:20px!important;height:20px!important;font-size:12px!important;line-height:18px!important;border-radius:50%!important;background:#d4af37!important;color:#000!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-shadow:0 1px 3px #0003;padding:0!important}.menu-button .qty-controls .qty{min-width:10px!important;font-size:.8em!important;color:#d4af37!important;font-weight:800!important;text-align:center!important;padding:0 1px}.menu-button .qty-controls .qty-select{display:none!important}.category-title{font-size:.85em;margin-bottom:6px;margin-top:8px;padding-left:4px}.billing-section{position:fixed!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important;right:auto!important;width:92%!important;max-width:380px!important;border-radius:50px!important;z-index:9999;box-shadow:0 10px 40px #000000e6!important;border:2px solid #D4AF37;background:#111!important;overflow:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.billing-section.mobile-collapsed{height:60px!important;border-radius:50px!important}.billing-section.mobile-expanded{height:85vh!important;width:100%!important;max-width:100%!important;left:0!important;transform:none!important;border-radius:20px 20px 0 0!important;bottom:0!important;padding-bottom:28px}.billing-section.mobile-collapsed .billing-scroll-content{display:none!important;opacity:0}.billing-section.mobile-expanded .billing-scroll-content{display:block!important;opacity:1;transition:opacity .3s ease .1s}.mobile-billing-handle{padding:0 20px;height:60px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#1a1a1a,#222,#1a1a1a);position:relative;border-bottom:1px solid rgba(212,175,55,.1)}.billing-section.mobile-collapsed .mobile-billing-handle{border-bottom:none;background:#111}.handle-bar{width:24px;height:3px;background:#d4af37;border-radius:3px;position:absolute;top:5px;left:50%;transform:translate(-50%);opacity:.5}.handle-content{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;margin-top:0}.handle-info{display:flex;flex-direction:column;justify-content:center;gap:0px}.handle-info .handle-label{font-size:.6em;text-transform:uppercase;letter-spacing:1px;color:#d4af37;font-weight:600}.handle-amount{font-size:1.1em;font-weight:800;color:gold;line-height:1}.handle-action{padding:5px 10px;font-size:.7em;background:#d4af371a;border:1px solid #D4AF37;border-radius:20px;font-weight:600;color:#d4af37;display:flex;align-items:center;gap:4px;transition:all .2s ease;white-space:nowrap}.handle-action:active{background:#d4af374d;transform:scale(.95)}.sound-enable-wrap{bottom:95px;right:16px;z-index:9000}.sound-toggle{padding:4px 8px;font-size:.7em;opacity:.9}}@media(max-width:480px){.menu-grid{grid-template-columns:repeat(3,1fr)!important}.menu-button .qty-controls{gap:1px!important}.menu-button .qty-controls .qty-btn{width:16px!important;height:16px!important;font-size:10px!important;line-height:16px!important}.menu-button .qty-controls .qty{min-width:8px!important;font-size:.7em!important}}@media(min-width:481px)and (max-width:640px){.menu-grid{grid-template-columns:repeat(4,1fr)!important}}.menu-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:20px;padding:25px 25px 60px;margin-bottom:40px;box-shadow:0 10px 30px #d4af371a;border:2px solid #D4AF37}.menu-section h2{margin-bottom:20px;font-size:1.5em;color:#d4af37;display:flex;align-items:center;gap:8px}.menu-category-group{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(212,175,55,.2)}.menu-category-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.category-title{font-size:1.2em;font-weight:600;color:#d4af37;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #D4AF37;display:flex;align-items:center;gap:8px;letter-spacing:.5px}.menu-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px}.menu-button{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #D4AF37;border-radius:12px;padding:12px;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #d4af371a;display:flex;flex-direction:column;gap:6px}.menu-button-image{width:100%;height:100px;border-radius:8px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.menu-button-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.menu-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .5s ease}.menu-button:hover{transform:translateY(-5px);border-color:gold;box-shadow:0 12px 30px #d4af3740;background:linear-gradient(135deg,#2d2d2d,#1a1a1a)}.menu-button:hover:before{left:100%}.menu-button .name{font-weight:700;color:#e5c158;font-size:1em}.menu-button .price{font-size:.9em;color:#d4af37;font-weight:600}.menu-button .menu-hint{font-size:.75em;color:#10b981;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.menu-button .qty-badge,.qty-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#d4af37,gold);color:#1a1a1a;border:1px solid #FFD700;border-radius:999px;padding:2px 8px;font-size:.75em;font-weight:800;box-shadow:0 2px 8px #d4af3740;min-width:28px;text-align:center}.menu-button .qty-controls{position:static;display:flex;align-items:center;justify-content:center;width:100%;gap:8px;margin-top:6px;background:transparent;border:none;border-radius:0;padding:0}.menu-button .qty-controls .qty{color:#e5c158;font-weight:800;font-size:.8em;min-width:18px;text-align:center}.menu-button .qty-controls .qty-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #FFD700;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:gold;font-size:.85em;font-weight:900;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s ease}.menu-button .qty-controls .qty-btn:hover{transform:scale(1.1)}.menu-button .qty-controls .qty-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#1a1a1a;color:#e5c158;border:1px solid #D4AF37;border-radius:999px;font-size:.75em;padding:2px 8px;height:22px;outline:none}.billing-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:12px 12px 0 0;padding:8px 12px 14px;box-shadow:0 -8px 24px #d4af3733;border:2px solid #D4AF37;position:static;top:auto;left:auto;transform:none;bottom:auto;z-index:100;width:auto;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center}.billing-section.expanded{padding:16px 16px 20px;max-height:none;overflow:visible}.billing-section.compact .cart-items,.billing-section.compact .payment-methods-selector,.billing-section.compact .cash-input-group,.billing-section.compact .payment-info,.billing-section.compact .error-message,.billing-section.compact hr{display:none}.billing-section.compact .billing-total{margin:0}.billing-header{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}.billing-grid{width:100%;display:grid;grid-template-columns:1fr;gap:8px;align-items:start}.billing-col-left,.billing-col-center,.billing-col-right{display:flex;flex-direction:column;gap:12px}.billing-col-right .pay-button{align-self:center}.billing-section.compact{padding:8px 16px 12px}.billing-section.compact h2{margin:0;font-size:1em}.billing-toggle{display:none}.billing-toggle-link{display:flex;align-items:center;gap:6px;color:#d4af37;font-weight:700;cursor:pointer;padding:4px 6px;border:none;background:transparent}.billing-toggle-link:hover{color:gold}.toggle-caret{display:inline-block;transition:transform .2s ease}.toggle-caret.open{transform:rotate(180deg)}.billing-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.summary-left{display:flex;align-items:center;gap:8px;color:#e5c158;font-weight:700}.summary-icon{color:#d4af37;font-size:1.1em}.summary-amount{color:#d4af37;font-weight:800;font-size:1.05em}.summary-divider{opacity:.5}.summary-method,.summary-items{color:#e5c158}.summary-pay-btn{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:#d4af37;border:2px solid #D4AF37;border-radius:10px;padding:8px 14px;font-weight:700;cursor:pointer;transition:all .2s ease}.summary-pay-btn.active{background:linear-gradient(135deg,#d4af37,gold);color:#000;border-color:gold}.kasir-container{padding-bottom:0}@media(max-width:1400px){.billing-section{width:auto}}@media(max-width:900px){.billing-section{width:auto}.billing-grid{grid-template-columns:1fr}}@media(max-width:640px){.billing-section{width:auto}.billing-grid{grid-template-columns:1fr}}@media(max-width:480px){.billing-section{width:auto}}.billing-section h2{margin-bottom:8px;font-size:1em;color:#d4af37;display:flex;align-items:center;gap:8px}.cart-items{min-height:100px;max-height:160px;overflow-y:auto;margin-bottom:10px;padding-right:8px;width:100%}.cart-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid #2d2d2d;font-size:.8em;color:#e5c158;animation:slideInLeft .3s ease-out}.cart-item:last-child{border-bottom:none}.cart-item .item-name{font-weight:600}.cart-item .item-price{color:#d4af37;font-weight:700;white-space:nowrap}.cart-item .item-modifiers{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.modifier-tag{background:linear-gradient(135deg,#2d2d2d,#3a3a3a);color:#e5c158;padding:4px 10px;border-radius:6px;font-size:.8em;font-weight:700;border:1px solid #D4AF37;display:inline-block}.cart-item .remove-btn{background:#ef4444;color:#2d2d2d;border:none;padding:4px 8px;border-radius:6px;font-size:.8em;cursor:pointer;margin-left:10px;transition:all .2s ease}.cart-item .remove-btn:hover{background:#dc2626;transform:scale(1.1)}.billing-total{background:linear-gradient(135deg,#d4af37,gold);border-radius:12px;padding:8px 12px;margin:8px auto;border:2px solid #FFD700;text-align:center;width:-moz-fit-content;width:fit-content;min-width:200px;max-width:280px;align-self:center}.billing-total .label{font-size:.8em;color:#000;margin-bottom:4px}.billing-total .amount{font-size:1.2em;font-weight:700;color:#000}.payment-method{margin:20px 0;width:100%;display:flex;flex-direction:column;align-items:center}.payment-methods-selector{width:100%;margin:8px 0}.payment-methods-selector label{display:block;font-weight:600;color:#e5c158;margin-bottom:6px;font-size:.8em;text-align:center}.payment-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%;max-width:280px;margin:0 auto}.payment-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;border:2px solid #D4AF37;border-radius:10px;background:#2d2d2d;cursor:pointer;transition:all .3s ease;font-weight:600;color:#d1d5db;font-size:.8em}.payment-btn:hover{border-color:#d4af37;background:#d4af37;transform:translateY(-2px);box-shadow:0 8px 16px #8b45131a}.payment-btn.active{border-color:#d4af37;background:linear-gradient(135deg,#d4af37,gold);color:#2d2d2d;box-shadow:0 8px 20px #8b451333}.payment-icon{font-size:1.4em}.payment-label{font-size:.8em}.cash-input-group{background:#1a1a1a;border-radius:12px;padding:10px;margin:10px 0;border:2px solid #bfdbfe;display:flex;flex-direction:column;align-items:center;gap:8px}.cash-input-group input{width:100%;max-width:260px;padding:10px;border:2px solid #D4AF37;border-radius:10px;font-size:.9em;text-align:center;box-sizing:border-box;transition:all .3s ease}.cash-input-group input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #8b45131a}.cash-input-group .change-info{font-size:.85em;color:#fff;font-weight:600;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.cash-input-group .change-info .label{color:#666;font-weight:400}.cash-input-group .change-info .amount{color:#10b981;font-size:1.1em;font-weight:700}.qris-info{background:linear-gradient(135deg,#dbeafe,#d1e7f0);border-radius:12px;padding:20px;text-align:center;margin:15px 0;border:2px dashed #0ea5e9;font-weight:600;color:#0369a1;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.qris-info .icon{font-size:2em;margin-bottom:10px}.payment-info{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;padding:12px;margin:10px 0;border:2px solid #D4AF37;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.payment-info .info-icon{font-size:1.8em;margin-bottom:6px}.payment-info .info-title{font-weight:700;font-size:.95em;color:#fff;margin-bottom:10px}.payment-info .info-content{font-size:.85em;color:#d1d5db;margin-bottom:10px;text-align:center}.bank-transfer-info{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-color:#86efac}.bank-select,.ewallet-select{width:100%;max-width:240px;padding:10px;border:2px solid #D4AF37;border-radius:10px;font-size:.85em;background-color:#2d2d2d;cursor:pointer;transition:all .3s ease;box-sizing:border-box;margin-bottom:10px}.bank-select:focus,.ewallet-select:focus{border-color:#d4af37;box-shadow:0 0 0 3px #8b45131a}.bank-details,.ewallet-details{background:#2d2d2d;border:2px solid #D4AF37;border-radius:10px;padding:16px;width:100%;max-width:300px;margin-bottom:15px}.detail-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid #D4AF37;font-size:.95em}.detail-row span{color:#d1d5db;font-weight:500}.detail-row strong{color:#fff;font-weight:700;word-break:break-all;text-align:right}.detail-row.total{border-top:2px solid #F3F4F6;background:linear-gradient(135deg,#d4af37,gold);border-radius:6px;padding:12px 10px}.detail-row.total strong{color:#d4af37;font-size:1.1em}.ewallet-info{background:linear-gradient(135deg,#d4af37,#2d2d2d);border-color:#fcd34d}.status-badge{padding:6px 12px;border-radius:6px;font-weight:600;font-size:.8em;display:inline-block}.status-badge.pending{background:#d4af37;color:#92400e;border:2px solid #FCD34D}.billing-section .pay-button{width:100%;max-width:200px;padding:8px 10px;border-radius:10px;font-size:.95em;font-weight:700;text-transform:uppercase;letter-spacing:.3px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;box-shadow:0 6px 16px #00000026;background:linear-gradient(135deg,#3b3b3b,#5a5a5a);color:#9ca3af;margin:12px auto}.pay-button.active{background:linear-gradient(135deg,#d4af37,gold);color:#2d2d2d}.pay-button.active:hover{transform:translateY(-3px);box-shadow:0 12px 30px #8b45134d}.pay-button:disabled{background:linear-gradient(135deg,#3b3b3b,#5a5a5a);color:#9ca3af;border:2px solid #6B7280;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #0000004d;opacity:.7}.error-message{color:#ef4444;font-size:.9em;margin-top:10px;font-weight:600;display:flex;align-items:center;gap:5px;animation:shake .3s ease-out}.empty-cart{text-align:center;color:#bfdbfe;padding:20px;font-style:italic}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.kasir-tabs{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;border-bottom:3px solid #D4AF37;padding-bottom:20px}.tab-button{padding:8px 16px;background:#1a1a1a;border:2px solid #D4AF37;border-radius:12px;cursor:pointer;font-size:.95em;font-weight:600;position:relative;transition:all .3s ease;color:#d4af37;height:-moz-fit-content;height:fit-content}.tab-button:hover{background:#2d2d2d;border-color:gold;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#d4af37,gold);color:#000;border-color:gold;box-shadow:0 8px 20px #d4af374d}.table-orders-section{background:linear-gradient(135deg,#2d2d2d 0% 100%);border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000014;border:2px solid #D4AF37;grid-column:1;width:100%}.table-orders-section h2{margin-bottom:25px;font-size:1.8em;color:#fff}.table-orders-section h3{margin-top:25px;margin-bottom:15px;font-size:1.3em;color:#10b981}.table-orders-title{margin-top:20px;margin-bottom:12px;font-size:1.6em;color:#fff;grid-column:1;width:100%;display:block}@media(max-width:900px){.table-orders-section{padding:16px;border-radius:16px;margin-top:10px}.table-orders-section h2{font-size:1.2em;margin-bottom:12px}.table-orders-title{font-size:1.2em;margin:8px 0 10px}.pending-orders-list,.received-orders-list,.preparing-orders-list,.delivering-orders-list{gap:12px}.pending-order-card,.received-order-card,.preparing-order-card,.delivering-order-card{padding:14px;border-radius:12px}}.pending-orders-list{display:grid;gap:15px;grid-template-columns:1fr;align-items:start}.pending-order-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:3px solid #D4AF37;border-radius:15px;padding:20px;box-shadow:0 6px 16px #d4af3740;animation:slideInLeft .3s ease-out;transition:all .3s ease;border-left:6px solid #F59E0B;width:100%;box-sizing:border-box;overflow:hidden}.pending-order-card:hover{box-shadow:0 8px 20px #f59e0b26;transform:translateY(-2px);border-left-color:#d97706}.pending-order-card .payment-info{background:#f5f5f5!important;border-color:#1a1a1a!important}.pending-order-card .payment-info .payment-method{font-weight:700;color:#000!important}.order-header{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #1a1a1a}.table-info{display:flex;gap:12px;flex-direction:column;width:100%}.order-details{display:flex;flex-direction:column;gap:4px}.table-name{font-size:1.3em;font-weight:800;color:#e5c158;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.5px}.order-id{font-size:.9em;color:#000;font-family:monospace;font-weight:600;background:linear-gradient(135deg,#d4af37,gold);padding:4px 8px;border-radius:4px}.order-time{font-size:.85em;color:#999;font-weight:500}.order-items{background:#2d2d2d;border-radius:10px;padding:12px;margin:15px 0;max-height:200px;overflow-y:auto;border:1px solid #3a3a3a}.order-item{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-bottom:1px solid #3a3a3a}.order-item:last-child{border-bottom:none}.item-detail{display:flex;justify-content:space-between;align-items:center}.item-name{font-weight:700;color:#e5c158;font-size:.95em}.item-qty{background:#d97706;color:#fff;padding:2px 8px;border-radius:6px;font-size:.85em;font-weight:600}.item-modifiers{display:flex;gap:6px;flex-wrap:wrap}.item-price{font-size:.9em;color:#d4af37;font-weight:700}.order-footer{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:2px solid #000000;border-bottom:2px solid #000000;margin:15px 0}.order-total{display:flex;justify-content:space-between;font-weight:800;color:#d4af37;font-size:1.2em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.order-payment{display:flex;justify-content:space-between;font-size:.9em;color:#e5c158;font-weight:600}.order-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.btn-accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #10b98133}.btn-accept:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #ef444433}.btn-reject:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}.accepted-orders{background:#ecfdf5;border-radius:15px;padding:20px;margin-top:25px;border:2px solid #D1FAE5}.accepted-orders h3{color:#059669;margin-bottom:15px}.accepted-orders-list{display:grid;gap:10px}.accepted-order-card{background:#fff;border-radius:10px;padding:12px 15px;border:1px solid #D1FAE5;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.accepted-order-card:hover{box-shadow:0 4px 12px #10b9811a}.accepted-order-card .table-name{font-size:1em;font-weight:700;color:#059669}.accepted-order-card .order-summary{font-size:.9em;color:#d1d5db;flex:1;text-align:center}.accepted-order-card .accepted-time{font-size:.85em;color:#bfdbfe;text-align:right}.btn-confirm-delivery{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9em;width:100%;margin-top:10px}.btn-confirm-delivery:hover{box-shadow:0 6px 16px #06b6d44d;transform:translateY(-2px)}.payment-verification-card{background:linear-gradient(135deg,#d4af37,gold);border-radius:12px;padding:15px;border:2px solid #FCD34D;display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.payment-verification-card:hover{box-shadow:0 8px 16px #fcd34d4d;transform:translateY(-2px)}.payment-verification-card .order-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(252,211,77,.5)}.payment-verification-card .table-info{display:flex;gap:12px;align-items:center}.payment-verification-card .table-name{font-weight:700;color:#d97706;font-size:.95em}.payment-verification-card .order-id{font-size:.85em;color:#bfdbfe;font-family:monospace}.payment-verification-card .order-time{font-size:.85em;color:#bfdbfe;text-align:right}.payment-verification-card .payment-info{background:#fff9;padding:10px;border-radius:8px;font-size:.9em;color:#fff}.payment-verification-card .payment-method{margin:0}.payment-verification-card .order-footer{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid rgba(252,211,77,.5)}.payment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-check-payment{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9em}.btn-check-payment:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.btn-check-payment:active{transform:translateY(0)}.btn-verify-payment{background:linear-gradient(135deg,#fcd34d,#fbb040);color:#92400e;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9em}.btn-verify-payment:hover{box-shadow:0 6px 16px #fcd34d66;transform:translateY(-2px)}.btn-verify-payment:active{transform:translateY(0)}.modifier-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modifier-modal-container{background:#2d2d2d;border-radius:20px;box-shadow:0 20px 60px #d4af3733;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:2px solid #D4AF37;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.modal-header h2{margin:0;font-size:1.5em;color:#d4af37}.close-btn{background:none;border:none;font-size:1.8em;cursor:pointer;color:#bfdbfe;transition:all .2s ease;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#ef4444;transform:scale(1.1)}.modal-content{flex:1;overflow-y:auto;padding:20px 30px}.item-preview{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:15px;padding:20px;margin-bottom:25px;border:2px solid #D4AF37;text-align:center}.preview-name{font-size:1.3em;font-weight:700;color:#d4af37;margin-bottom:8px}.preview-price{font-size:1.2em;font-weight:700;color:#d4af37}.modifiers-list{display:grid;gap:20px}.modifier-group{display:grid;gap:12px}.group-title{font-weight:700;font-size:1.05em;color:#d4af37;display:flex;align-items:center;gap:10px}.required-badge{background:#ef4444;color:#2d2d2d;padding:2px 8px;border-radius:6px;font-size:.75em;font-weight:600}.group-options{display:grid;gap:10px}.option-btn{border:2px solid #D4AF37;background:#1a1a1a;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;font-size:.95em;font-weight:600;color:#d4af37}.option-btn:hover{border-color:gold;background:#2d2d2d;transform:translate(5px)}.option-btn.active{background:linear-gradient(135deg,#d4af37,gold);color:#000;border-color:gold;box-shadow:0 8px 20px #d4af374d}.option-label{flex:1}.option-price{font-size:.9em;font-weight:700;opacity:.8}.option-btn.active .option-price{opacity:1}.modal-footer{padding:20px 30px;border-top:2px solid #D4AF37;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.total-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;border:2px solid #D4AF37}.qty-controls-modal{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.qty-controls-modal .qty-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:2px solid #FFD700;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:gold;font-size:1em;font-weight:900;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s ease}.qty-controls-modal .qty-btn:hover{transform:scale(1.08)}.qty-controls-modal .qty-input{width:48px;height:28px;text-align:center;border:2px solid #D4AF37;border-radius:8px;background:#1a1a1a;color:#e5c158;font-weight:800}.total-label{font-weight:600;color:#d4af37;font-size:1em}.total-price{font-size:1.3em;font-weight:700;color:#d4af37}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-cancel,.btn-confirm{padding:14px 20px;border:none;border-radius:12px;font-weight:700;font-size:1em;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-cancel:hover{background:#9ca3af;transform:translateY(-2px)}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 12px 30px #8b45134d}.modal-content::-webkit-scrollbar{width:8px}@media(max-width:1200px){.modifier-modal-container{max-width:480px;max-height:85vh}.modal-header{padding:20px 24px}.modal-content{padding:16px}}@media(max-width:900px){.modifier-modal-container{width:90%;max-width:480px;max-height:85vh}.modal-header{padding:18px 20px}.modal-header h2{font-size:1.3em}.modal-content{padding:12px 16px}.modifier-group{margin-bottom:16px}.modifier-label{font-size:.95em;margin-bottom:10px}.modifier-options{gap:8px}}@media(max-width:640px){.modifier-modal-container{width:95%;max-width:100%;max-height:90vh;border-radius:16px}.modal-header{padding:16px 18px}.modal-header h2{font-size:1.2em}.close-btn{font-size:1.6em}.modal-content{padding:12px 14px}.modifier-group{margin-bottom:14px}.modifier-options{flex-wrap:wrap;gap:6px}.modifier-option button{flex:1;min-width:100px;font-size:.85em;padding:8px 10px}}@media(max-width:480px){.modifier-modal-container{width:98%;border-radius:12px;max-height:95vh}.modal-header{padding:14px 16px;border-bottom:2px solid #D4AF37}.modal-header h2{font-size:1.1em;margin:0}.close-btn{font-size:1.4em;padding:4px}.modal-content{padding:10px 12px;gap:12px}.modifier-group{margin-bottom:12px}.modifier-label{font-size:.9em;margin-bottom:8px}.modifier-option button{font-size:.8em;padding:6px 8px;border-width:1px}.modal-footer{padding:12px 14px;gap:8px}.modal-footer button{font-size:.85em;padding:10px 12px}}.modal-content::-webkit-scrollbar-track{background:#d4af37;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#d4af37;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#654321}.payment-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-modal-container{background:#2d2d2d;border-radius:20px;box-shadow:0 25px 60px #d4af3733;width:90%;max-width:550px;max-height:85vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:2px solid #D4AF37;background:linear-gradient(135deg,#000,#1a1a1a);border-radius:20px 20px 0 0}.payment-modal-header h2{margin:0;font-size:1.5em;color:#d4af37;font-weight:700}.modal-close{background:#fff3;border:2px solid rgba(255,255,255,.4);color:#2d2d2d;border-radius:8px;width:40px;height:40px;font-size:1.5em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ffffff4d;border-color:#fff9}.payment-modal-content{flex:1;overflow-y:auto;padding:25px 30px;display:grid;gap:20px}.payment-summary{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:15px;padding:20px;border:2px solid #D4AF37}.summary-title{font-weight:700;font-size:1.05em;color:#d4af37;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #D4AF37}.summary-items{display:grid;gap:10px;margin-bottom:15px}.summary-item-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.95em;color:#d4af37;border-bottom:1px solid #D4AF37}.summary-item-row:last-child{border-bottom:none}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-top:10px;border-top:2px solid #D4AF37;font-weight:700;font-size:1.1em;color:#d4af37}.total-amount{background:linear-gradient(135deg,#d4af37,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.2em}.payment-details{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:15px;padding:20px;border:2px solid #D4AF37}.payment-method-info{display:flex;gap:15px}.method-icon{font-size:2.5em;flex-shrink:0}.method-content{flex:1;display:grid;gap:12px}.method-title{font-weight:700;font-size:1.1em;color:#d4af37}.method-row{display:flex;justify-content:space-between;font-size:.95em;padding:8px 0}.method-row span:first-child{color:#d4af37;font-weight:500}.method-row strong{color:#2d2d2d;font-weight:700}.method-row.change strong{color:#10b981;font-size:1.05em}.account-number{font-family:Courier New,monospace;letter-spacing:1px}.qris-instruction{background:#ffffffb3;border-left:4px solid #0ea5e9;padding:10px 12px;border-radius:6px;font-size:.9em;color:#0369a1;font-weight:500}.qris-card{background:#f5f5f5;border:2px solid #D4AF37;border-radius:12px;padding:16px}.qris-brand-top{display:flex;align-items:center;justify-content:space-between;font-weight:800;margin-bottom:10px}.qris-brand-left{font-size:18px}.qris-brand-right{font-size:16px}.qris-merchant{text-align:center;margin-bottom:8px}.qris-merchant-name{font-weight:700;color:#2d2d2d}.qris-nmid{font-size:12px;color:#666}.qris-a01{font-size:12px;color:#666;margin-top:2px}.qris-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.qris-card-title{font-weight:700;color:#2d2d2d}.qris-card-body{display:block}.qris-card-footer{margin-top:10px;font-size:12px;color:#666;text-align:center}.qris-slogan{font-weight:700;color:#2d2d2d;margin-bottom:6px}.qris-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}.qris-steps .step{background:#fff;border:1px solid #ddd;border-radius:8px;padding:6px;font-size:11px}.qris-print{display:grid;grid-template-columns:1fr 1fr;gap:8px}.verification-input{background:#2d2d2d;border-radius:10px;padding:12px;margin-top:10px}.verification-input label{display:block;font-size:.9em;font-weight:600;color:#d4af37;margin-bottom:8px}.verification-input input{width:100%;padding:10px;border:2px solid #D4AF37;border-radius:8px;font-size:1.2em;text-align:center;letter-spacing:4px;font-weight:700;transition:all .3s ease;box-sizing:border-box;background:#1a1a1a;color:#fff}.verification-input input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #d4af3733}.verification-input input:disabled{background:#1a1a1a;cursor:not-allowed;color:#888}.warning-message,.info-message{padding:12px 15px;border-radius:10px;font-size:.95em;font-weight:600}.warning-message{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #F59E0B;color:#f59e0b}.info-message{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #3B82F6;color:#93c5fd}.payment-modal-footer{padding:20px 30px;border-top:2px solid #D4AF37;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fafafa;border-radius:0 0 20px 20px}.btn-cancel,.btn-confirm{padding:14px 20px;border:none;border-radius:12px;font-weight:700;font-size:.95em;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-cancel:hover:not(:disabled){background:#9ca3af;transform:translateY(-2px)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-confirm{background:linear-gradient(135deg,#d4af37,gold);color:#2d2d2d;box-shadow:0 8px 20px #8b451333}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #8b45134d}.btn-confirm:disabled{opacity:.7;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#2d2d2d;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.payment-modal-content::-webkit-scrollbar{width:8px}.payment-modal-content::-webkit-scrollbar-track{background:#d4af37;border-radius:10px}.payment-modal-content::-webkit-scrollbar-thumb{background:#d4af37;border-radius:10px}.payment-modal-content::-webkit-scrollbar-thumb:hover{background:#654321}@keyframes slideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1200px){.payment-modal-container{max-width:520px;max-height:85vh}.payment-modal-header{padding:20px 24px}.payment-modal-content{padding:18px;gap:14px}.payment-modal-footer{padding:16px 20px}}@media(max-width:900px){.payment-modal-container{width:90%;max-width:520px;max-height:85vh}.payment-modal-header{padding:18px 20px}.payment-modal-header h2{font-size:1.3em}.modal-close{width:32px;height:32px;font-size:1.5em}.payment-modal-content{padding:16px;gap:12px}.payment-method-info{flex-direction:row;gap:12px}.method-icon{font-size:2rem;min-width:40px}.payment-modal-footer{grid-template-columns:1fr 1fr;padding:12px 16px;gap:10px}}@media(max-width:640px){.payment-modal-container{width:95%;max-width:100%;max-height:90vh;border-radius:16px}.payment-modal-header{padding:16px 18px;border-radius:16px 16px 0 0}.payment-modal-header h2{font-size:1.2em}.modal-close{width:30px;height:30px;font-size:1.4em}.payment-modal-content{padding:14px 16px;gap:12px;max-height:calc(90vh - 140px);overflow-y:auto}.payment-method-item{padding:12px 14px}.payment-method-info{gap:10px}.method-icon{font-size:1.8rem}.method-details h3{font-size:.95em;margin-bottom:4px}.method-details p{font-size:.85em}.qris-display{padding:16px}.qris-code{max-width:200px;max-height:200px}.payment-modal-footer{grid-template-columns:1fr;padding:12px 14px;gap:8px;border-radius:0 0 16px 16px}.payment-modal-footer button{font-size:.9em;padding:10px 12px}}@media(max-width:480px){.payment-modal-container{width:98%;border-radius:12px;max-height:95vh}.payment-modal-header{padding:14px 16px;border-radius:12px 12px 0 0}.payment-modal-header h2{font-size:1.1em;margin:0}.modal-close{width:28px;height:28px;font-size:1.3em;padding:0}.payment-modal-content{padding:12px 14px;gap:10px;max-height:calc(95vh - 130px)}.payment-method-item{padding:10px 12px;border-width:1px;border-radius:10px}.payment-method-info{flex-direction:column;gap:8px}.method-icon{font-size:1.6rem}.method-details h3{font-size:.9em;margin-bottom:2px}.method-details p{font-size:.8em}.qris-display{padding:12px;gap:12px}.qris-code{max-width:160px;max-height:160px}.payment-modal-footer{grid-template-columns:1fr;padding:10px 12px;gap:6px;border-radius:0 0 12px 12px}.payment-modal-footer button{font-size:.85em;padding:9px 10px}}.qris-display{display:flex;flex-direction:column;align-items:center;gap:20px}.qris-display{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;background:#2d2d2d;border-radius:15px;margin:15px 0}.qris-code-container{background:#fff;padding:15px;border-radius:12px;border:2px solid #D4AF37;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #0000001a}.qris-code-container canvas{display:block;border-radius:8px}.qris-instruction{font-size:.95em;color:#d1d5db;text-align:center;font-weight:500}.bank-selection{margin-bottom:20px;padding:15px;background:#2d2d2d;border-radius:10px;border:1px solid #D4AF37}.bank-selection label{display:block;font-size:.95em;font-weight:600;color:#e5c158;margin-bottom:10px}.bank-dropdown{width:100%;padding:12px 15px;border:2px solid #D4AF37;border-radius:8px;font-size:.95em;color:#fff;background:#fff;cursor:pointer;transition:all .3s ease}.bank-dropdown:hover{border-color:#d4af37;box-shadow:0 4px 12px #8b45131a}.bank-dropdown:focus{outline:none;border-color:gold;box-shadow:0 4px 12px #d2691e33}.admin-wrapper{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a,#2d2d2d);padding:30px 40px;animation:fadeIn .5s ease-out;box-sizing:border-box;overflow-x:hidden;width:100%}.admin-sidebar{background:linear-gradient(135deg,#111,#0f1115);border:2px solid #D4AF37;border-radius:14px;padding:12px;box-shadow:0 10px 30px #d4af371f}.sidebar-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px;border-radius:10px;border:2px solid #D4AF37;background:#1a1a1a;color:#e5c158;font-weight:700;cursor:pointer;margin-bottom:8px;transition:all .2s ease;text-align:left}.sidebar-btn:hover{background:#222;box-shadow:0 6px 16px #d4af3740}.sidebar-btn.active{background:linear-gradient(135deg,#d4af37,gold);color:#000;border-color:gold}.sidebar-submenu{padding-left:8px}.sidebar-sub-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px;border-radius:8px;border:2px solid #8B6F1A;background:#0b0f14;color:#e5c158;font-weight:600;cursor:pointer;margin-bottom:6px;transition:all .2s ease;text-align:left}.sidebar-sub-btn:hover{background:#0f141c;box-shadow:0 4px 12px #d4af3733}.sidebar-sub-btn.active{border-color:#d4af37;background:#1a1a1a}.sidebar-caret{font-size:.9em;opacity:.8}.sidebar-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#d4af37;color:#000;font-size:.75em;font-weight:800}.admin-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;animation:fadeIn .5s ease-out;width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.admin-layout{display:grid;grid-template-columns:260px 1fr;gap:20px}.admin-mobile-bar{display:none;width:100%;box-sizing:border-box}.admin-hamburger{display:inline-flex;align-items:center;gap:8px;background:#1a1a1a;color:#d4af37;border:2px solid #D4AF37;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.admin-drawer .admin-sidebar{position:static;transform:none;transition:transform .25s ease}.sidebar-close,.admin-overlay{display:none}@media(max-width:1400px){.admin-wrapper{padding:24px 32px}.admin-container{gap:24px}}@media(max-width:1200px){.admin-container{grid-template-columns:1fr;gap:24px}.admin-wrapper{padding:20px 24px}}@media(max-width:900px){.admin-layout{grid-template-columns:1fr;gap:16px}.admin-mobile-bar{display:flex;justify-content:flex-start;position:sticky;top:0;z-index:50;padding:8px;background:linear-gradient(135deg,#000,#1a1a1a);border-bottom:1px solid rgba(212,175,55,.2)}.admin-drawer .admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:80%;max-width:320px;z-index:1000;overflow-y:auto;transform:translate(-110%)}.admin-drawer.open .admin-sidebar{transform:translate(0)}.admin-overlay{display:none}.admin-drawer.open .admin-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:900}.sidebar-close{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;margin-bottom:8px;border-radius:8px;border:2px solid #D4AF37;background:#1a1a1a;color:#d4af37;font-weight:700;cursor:pointer}.admin-section{padding:18px;border-radius:12px}.admin-section h2{font-size:1.2em;margin-bottom:16px}.menu-item{grid-template-columns:1fr auto;gap:8px}.stats-grid{grid-template-columns:1fr}.admin-wrapper{padding:16px}}@media(max-width:640px){.admin-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;border-radius:12px;padding:10px}.sidebar-btn{padding:10px;font-size:.95em;margin:0}.sidebar-badge{font-size:.7em;padding:2px 6px}.sidebar-submenu{grid-column:1 / -1;padding-left:0}.sidebar-sub-btn{padding:8px 10px;font-size:.9em}.admin-section{padding:14px;border-radius:10px;border-width:1px}.admin-section h2{font-size:1.1em;gap:6px}.form-group{gap:8px}.form-group label{font-size:.9em}.form-group input,.form-group textarea,.form-group select{font-size:16px;padding:10px}.admin-wrapper{padding:12px 8px}.admin-container{gap:12px}}@media(max-width:480px){.admin-sidebar{grid-template-columns:1fr;gap:6px;border-radius:10px;padding:8px}.sidebar-btn,.sidebar-sub-btn{padding:8px 10px;font-size:.9em}.admin-wrapper{padding:10px 6px}.admin-section{padding:10px}.admin-section h2{font-size:1em}}.admin-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:20px;padding:30px;box-shadow:0 10px 30px #d4af3726;border:2px solid #D4AF37}.admin-section h2{margin-bottom:25px;font-size:1.5em;color:#d4af37;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:3px solid #D4AF37}.menu-list{display:grid;gap:15px;max-height:none;overflow-y:auto;padding-right:10px}.menu-item{background:#2d2d2d;border:2px solid #D4AF37;border-radius:12px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;transition:all .3s ease;box-shadow:0 4px 12px #d4af371a}.menu-item:hover{border-color:gold;box-shadow:0 8px 20px #d4af374d;transform:translate(5px)}.menu-item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.menu-item-info{display:grid;gap:8px}.menu-item-info .name{font-weight:700;color:#e5c158;font-size:1.05em}.menu-item-info .price{font-size:.9em;color:#d4af37;font-weight:600}.menu-item-actions{display:flex;gap:8px}.menu-item-actions button{padding:8px 12px;border:none;border-radius:8px;font-size:.85em;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f633}.btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.05);box-shadow:0 6px 16px #3b82f64d}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444433}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.05);box-shadow:0 6px 16px #ef44444d}.add-menu-form{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:12px;padding:20px;border:2px solid #D4AF37;margin-top:20px}.add-menu-form h3{margin:0 0 15px;color:#d4af37;font-size:1.1em;display:flex;align-items:center;gap:8px}.form-group{display:grid;gap:8px;margin-bottom:15px}.form-group label{font-weight:600;color:#e5c158;font-size:.9em}.form-group input{padding:10px;border:2px solid #D4AF37;border-radius:8px;font-size:1em;transition:all .3s ease;background:#2d2d2d;color:#e5c158}.form-group input:focus{border-color:gold;box-shadow:0 0 0 3px #d4af3733}.input-file{padding:12px!important;border:2px dashed #D4AF37!important;background-color:#2d2d2d!important;cursor:pointer!important}.input-file:hover{background-color:#f5ebe0!important}.image-preview{max-width:100%;overflow:hidden;display:grid;gap:12px;margin-bottom:15px}.image-preview img{max-width:100%;width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#f3f4f6;box-sizing:border-box;padding:10px;border:2px solid #D4AF37}.btn-remove-image{padding:10px 15px;background:#ef4444;color:#2d2d2d;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.btn-remove-image:hover{background:#dc2626;transform:scale(1.02)}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.form-actions button{padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn-add{background:linear-gradient(135deg,#d4af37,gold);color:#000}.btn-add:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d4af374d}.btn-cancel{background:#d1d5db;color:#e5c158}.btn-cancel:hover{background:#9ca3af}.transactions-list{max-height:500px;overflow-y:auto;padding-right:10px}.transaction-item{background:#2d2d2d;border:2px solid #D4AF37;border-radius:12px;padding:15px;margin-bottom:15px;transition:all .3s ease;box-shadow:0 4px 12px #d4af371a}.transaction-item:hover{border-color:gold;box-shadow:0 8px 20px #d4af3733}.transaction-header{display:grid;grid-template-columns:1fr auto;align-items:start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #2d2d2d}.transaction-id{font-weight:700;color:#d4af37;font-size:.9em}.transaction-time{font-size:.8em;color:#bfdbfe}.transaction-badge{background:linear-gradient(135deg,#10b981,#059669);color:#2d2d2d;padding:4px 12px;border-radius:8px;font-size:.8em;font-weight:600;text-transform:uppercase}.transaction-badge.cash{background:linear-gradient(135deg,#3b82f6,#2563eb)}.transaction-badge.qris{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.transaction-kasir{font-size:.9em;color:#d1d5db;margin-bottom:8px}.transaction-kasir strong{color:#fff}.transaction-items{display:grid;gap:6px;margin-bottom:12px;font-size:.9em}.transaction-item-detail{display:flex;justify-content:space-between;color:#d1d5db}.transaction-total{padding-top:12px;border-top:2px solid #2d2d2d;text-align:right;font-weight:700;color:#d4af37;font-size:1.1em}.transaction-change{font-size:.9em;color:#10b981;margin-top:5px;font-weight:600}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:12px;padding:15px;border-left:4px solid #D4AF37;box-shadow:0 4px 12px #d4af371a}.stat-label{font-size:.9em;color:#ccc;margin-bottom:5px}.stat-value{font-size:1.5em;font-weight:700;color:#d4af37}.stat-card.revenue{border-left-color:#10b981}.stat-card.transactions{border-left-color:#3b82f6}.chart-container{grid-column:1 / -1;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:20px;padding:30px;box-shadow:0 10px 30px #d4af371a;border:2px solid #D4AF37;margin-top:30px}.chart-container h2{margin-bottom:25px;font-size:1.5em;color:#d4af37;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:3px solid #D4AF37}.empty-state{text-align:center;padding:40px 20px;color:#bfdbfe}.empty-state .icon{font-size:3em;margin-bottom:15px;opacity:.5}.empty-state p{font-size:1.1em;margin:0}.tab-buttons{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;border-bottom:3px solid #D4AF37;padding-bottom:20px}.tab-btn{padding:12px 25px;background:#2d2d2d;border:2px solid #D4AF37;border-radius:12px;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s ease;color:#d4af37}.tab-btn:hover{background:#1a1a1a;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#d4af37,gold);color:#000;border-color:gold;box-shadow:0 8px 20px #d4af374d}.payment-list{display:grid;gap:15px;max-height:400px;overflow-y:auto;padding-right:10px}.payment-item{background:#2d2d2d;border:2px solid #D4AF37;border-radius:12px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:15px;transition:all .3s ease}.payment-item:hover{border-color:#d4af37;box-shadow:0 4px 12px #8b45131a}.payment-content{flex:1;display:grid;gap:10px}.payment-input{padding:10px 15px;border:1px solid #D1D5DB;border-radius:8px;font-size:.95em;transition:all .3s ease}.payment-input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #8b45131a}.btn-delete{padding:10px 15px;background:#fee2e2;border:2px solid #FECACA;border-radius:8px;cursor:pointer;font-size:1.2em;transition:all .3s ease;min-width:50px}.btn-delete:hover{background:#fca5a5;transform:scale(1.05)}.qris-config{padding:20px;display:flex;flex-direction:column;gap:20px}.qris-label{font-weight:600;color:#fff;margin:0;font-size:.95em}.qris-input{width:100%;padding:15px;border:2px solid #D4AF37;border-radius:12px;font-family:Courier New,monospace;font-size:.85em;resize:vertical;transition:all .3s ease}.qris-input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #8b45131a}.qris-info{background:#d4af37;border-left:4px solid #f59e0b;padding:15px;border-radius:8px;font-size:.9em}.qris-info p{margin:0 0 10px;color:#92400e;font-weight:600}.qris-info ul{margin:10px 0 0;padding-left:20px;color:#92400e}.qris-info li{margin:5px 0}.qris-preview{padding:15px;background:#2d2d2d;border-radius:12px}.qris-display-admin{background:#fff;border:2px dashed #d1d5db;border-radius:8px;padding:20px;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#d1d5db;margin-top:10px}.qr-tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.qr-table-card{background:#fff;border:2px solid #D4AF37;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.qr-table-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #8b451326;border-color:#d4af37}.qr-table-card h3{margin:0 0 15px;font-size:1.2em;color:#fff;font-weight:600}.qr-code-container{display:flex;justify-content:center;align-items:center;background:#2d2d2d;border-radius:8px;padding:15px;min-height:180px}.qr-url{word-break:break-all}@media(max-width:640px){.qr-tables-grid{grid-template-columns:repeat(2,1fr);gap:12px}.qr-table-card{padding:12px}.qr-table-card h3{font-size:1em}.qr-code-container{padding:10px;min-height:140px}.qr-url{font-size:.8em!important}.btn-view-qr{padding:8px 10px!important;font-size:.85em!important}}@media(max-width:480px){.qr-tables-grid{grid-template-columns:1fr;gap:10px}.qr-code-container{min-height:120px}}.table-order-container{display:grid;grid-template-columns:300px 1fr;gap:30px;animation:fadeIn .5s ease-out;width:100%}@media(max-width:1400px){.table-order-container{grid-template-columns:280px 1fr;gap:25px}.tables-section{padding:25px}}@media(max-width:1200px){.table-order-container{grid-template-columns:1fr;gap:20px}.tables-section{position:sticky;top:80px;padding:20px;z-index:10}.tables-section h2{font-size:1.2em;margin-bottom:16px}.menu-grid-table{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.cart-section-table{padding:16px}}@media(max-width:900px){.table-order-container{grid-template-columns:1fr;gap:16px}.tables-section{position:relative;top:auto;padding:16px;border-radius:16px}.tables-section h2{font-size:1.1em;margin-bottom:14px}.barcode-input{padding:10px;font-size:.9em}.table-buttons{grid-template-columns:repeat(2,1fr);gap:8px}.table-btn{padding:12px 8px;font-size:.85em}.menu-grid-table{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.menu-section-table,.cart-section-table{padding:14px;border-radius:14px}}@media(max-width:640px){.table-order-container{grid-template-columns:1fr;gap:14px;padding:0}.tables-section{padding:14px 12px;border-radius:12px;margin:0}.tables-section h2{font-size:1em;margin-bottom:12px;padding-bottom:8px}.barcode-input-section{margin-bottom:14px;gap:6px}.barcode-input{padding:8px 10px;font-size:.85em;border-radius:8px}.table-buttons{grid-template-columns:repeat(2,1fr);gap:6px}.table-btn{padding:10px 6px;font-size:.75em;border-radius:8px;border-width:1px}.menu-grid-table{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.menu-section-table,.cart-section-table{padding:12px 10px;border-radius:10px}.cart-item{padding:8px;gap:8px}}@media(max-width:480px){.table-order-container{grid-template-columns:1fr;gap:10px}.tables-section{padding:12px 10px;border-radius:10px}.tables-section h2{font-size:.95em;margin-bottom:10px}.barcode-input{padding:7px 8px;font-size:.8em;border-radius:6px}.table-btn{padding:8px 4px;font-size:.7em;border-radius:6px}.menu-grid-table{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:6px}.menu-section-table,.cart-section-table{padding:10px 8px;border-radius:8px}.cart-item{padding:6px;gap:6px;font-size:.85em}.cart-item-info h4{font-size:.8em;margin-bottom:2px}.cart-item-info p{font-size:.75em}}.tables-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:20px;padding:30px;box-shadow:0 10px 30px #d4af3726;border:2px solid #D4AF37;height:-moz-fit-content;height:fit-content;position:sticky;top:100px}.tables-section h2{margin-bottom:20px;font-size:1.3em;color:#d4af37;border-bottom:3px solid #D4AF37;padding-bottom:10px}.barcode-input-section{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.barcode-input{width:100%;padding:12px;border:2px solid #D4AF37;border-radius:10px;font-size:.95em;transition:all .3s ease;background:#2d2d2d;color:#e5c158}.barcode-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #d4af3733}.barcode-input-section small{color:#d4af37;font-size:.8em}.tables-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.table-button{padding:15px;background:#1a1a1a;border:2px solid #D4AF37;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;color:#e5c158}.table-button:hover{border-color:gold;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.table-button.selected{background:linear-gradient(135deg,#d4af37,gold);color:#000;border-color:#d4af37;box-shadow:0 8px 20px #d4af374d}.table-button.occupied{background:#fecaca;border-color:#f87171}.table-button.occupied .table-status-icon{color:#dc2626}.table-status-icon{font-size:1.5em;font-weight:700;color:#10b981;margin-bottom:5px}.table-name{font-weight:700;font-size:.95em;margin-bottom:5px}.table-barcode{font-size:.75em;opacity:.7;font-family:monospace}.order-section{display:grid;grid-template-columns:1fr 400px;gap:30px}@media(max-width:1400px){.order-section{grid-template-columns:1fr}}.menu-section-table{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:20px;padding:30px;box-shadow:0 10px 30px #d4af371a;border:2px solid #D4AF37}.menu-section-table h2{margin-bottom:25px;font-size:1.3em;color:#d4af37;border-bottom:3px solid #D4AF37;padding-bottom:10px}.menu-category-group-table{margin-bottom:28px}.category-title-table{font-size:1.1em;font-weight:600;color:#d4af37;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #D4AF37;display:flex;align-items:center;gap:8px;letter-spacing:.5px}.menu-grid-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.menu-button-table{padding:15px;background:#1a1a1a;border:2px solid #D4AF37;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;gap:8px}.menu-button-table-image{width:100%;height:80px;border-radius:8px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.menu-button-table-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.menu-button-table:hover{border-color:gold;transform:translateY(-3px);box-shadow:0 6px 16px #d4af3740}.menu-button-table .name{font-weight:700;color:#e5c158;margin-bottom:8px;font-size:.9em}.menu-button-table .price{color:#d4af37;font-weight:600;font-size:.85em}.cart-section-table{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:20px;padding:30px;box-shadow:0 10px 30px #d4af371a;border:2px solid #D4AF37;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;position:sticky;top:100px}.cart-section-table h2{margin-bottom:20px;font-size:1.1em;color:#d4af37;border-bottom:2px solid #D4AF37;padding-bottom:10px}.cart-items-table{flex:1;overflow-y:auto;margin-bottom:20px;max-height:400px;padding-right:10px}.cart-items-table::-webkit-scrollbar{width:6px}.cart-items-table::-webkit-scrollbar-track{background:#d4af37;border-radius:10px}.cart-items-table::-webkit-scrollbar-thumb{background:#d4af37;border-radius:10px}.cart-item-table{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:12px;background:#1a1a1a;border:1px solid #D4AF37;border-radius:8px;margin-bottom:10px;align-items:center}.item-info{min-width:0}.item-name{font-weight:600;color:#e5c158;font-size:.9em;margin-bottom:5px}.modifier-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:5px}.modifier-tag{display:inline-block;background:#dbeafe;color:#0c4a6e;padding:2px 8px;border-radius:4px;font-size:.7em;font-weight:600}.item-price{color:#d4af37;font-weight:600;font-size:.85em}.qty-controls{display:flex;align-items:center;gap:8px;background:#2d2d2d;border-radius:6px;padding:4px}.qty-btn{width:24px;height:24px;padding:0;border:1px solid #D4AF37;border-radius:4px;cursor:pointer;font-weight:700;font-size:.9em;background:#1a1a1a;color:#d4af37;transition:all .2s ease}.qty-btn:hover{background:#d4af37;color:#000;border-color:#d4af37}.qty{min-width:30px;text-align:center;font-weight:600;font-size:.9em}.remove-btn{width:28px;height:28px;padding:0;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease}.remove-btn:hover{background:#fca5a5;transform:scale(1.05)}.empty-cart{text-align:center;padding:30px 10px;color:#bfdbfe;font-size:.9em}.cart-total-table{display:flex;justify-content:space-between;align-items:center;padding:15px;background:linear-gradient(135deg,#d4af37,gold);border-radius:10px;color:#000;margin-bottom:15px}.total-label{font-weight:600}.total-amount{font-size:1.3em;font-weight:700}.table-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-cancel-table,.btn-pay-table{padding:12px;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.95em}.btn-cancel-table{background:#fee2e2;color:#dc2626}.btn-cancel-table:hover{background:#fecaca;transform:translateY(-2px)}.btn-pay-table{background:linear-gradient(135deg,#d4af37,gold);color:#000}.btn-pay-table:hover:not(:disabled){box-shadow:0 6px 16px #d4af374d;transform:translateY(-2px)}.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000,#1a1a1a,#2d2d2d);position:relative;overflow:hidden}.home-content{z-index:2;text-align:center;max-width:900px;width:90%;animation:fadeInUp .6s ease-out}.home-header{margin-bottom:50px;color:#fff}.home-header .logo{font-size:4em;margin-bottom:15px;animation:bounce 1s ease-in-out infinite}.home-header h1{font-size:3.5em;font-weight:800;margin:0 0 10px;text-shadow:0 4px 12px rgba(0,0,0,.3);letter-spacing:2px}.home-header .tagline{font-size:1.2em;opacity:.95;margin:0;font-weight:300;letter-spacing:1px}.role-selector{background:#2d2d2df2;border-radius:25px;padding:40px;box-shadow:0 20px 60px #d4af3733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:30px;border:2px solid #D4AF37}.role-instruction{font-size:1.3em;color:#d4af37;font-weight:600;margin:0 0 30px}.role-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.role-button{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #D4AF37;border-radius:15px;padding:30px 20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden;box-shadow:0 4px 12px #d4af3733}.role-button:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(212,175,55,.1),transparent,rgba(212,175,55,.1));z-index:-1;border-radius:15px;opacity:0;transition:opacity .3s ease}.role-button:hover{transform:translateY(-8px);box-shadow:0 12px 30px #d4af374d;border-color:gold}.role-button:hover:before{opacity:1}.role-button.kasir-button{border-color:#d4af37;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.role-button.kasir-button:hover{border-color:gold;box-shadow:0 12px 30px #d4af374d}.role-button.admin-button{border-color:#d4af37;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.role-button.admin-button:hover{border-color:gold;box-shadow:0 12px 30px #d4af374d}.role-button.customer-button{border-color:#d4af37;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.role-button.customer-button:hover{border-color:gold;box-shadow:0 12px 30px #d4af374d}.role-icon{font-size:3em;animation:fadeIn .3s ease-out}.role-title{font-size:1.3em;font-weight:700;color:#fff}.role-description{font-size:.9em;color:#d4af37;margin:5px 0}.role-pin{font-size:.85em;font-weight:600;color:#d4af37;font-family:monospace;margin-top:8px}.home-info{display:grid;gap:15px;max-width:400px;margin:0 auto}.info-box{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:15px;padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 4px 12px #d4af3726;animation:slideInUp .5s ease-out .3s both;text-align:center;border:2px solid #D4AF37}.info-icon{font-size:2em}.info-title{font-weight:700;color:#d4af37;margin:0}.info-text{font-size:.9em;color:#fff;margin:0}.bg-decoration{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;top:-100px;right:-100px;z-index:1;animation:float 6s ease-in-out infinite}.bg-decoration:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;bottom:-80px;left:-80px;animation:float 8s ease-in-out infinite reverse}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@media(max-width:1200px){.home-content{width:92%;max-width:900px}.home-header{margin-bottom:40px}.home-header h1{font-size:3em}.role-selector{padding:35px}.role-instruction{font-size:1.2em;margin-bottom:25px}}@media(max-width:900px){.home-content{width:94%}.home-header{margin-bottom:35px}.home-header .logo{font-size:3.5em;margin-bottom:12px}.home-header h1{font-size:2.5em;letter-spacing:1px}.home-header .tagline{font-size:1.1em}.role-selector{padding:28px 24px;margin-bottom:25px;border-radius:20px}.role-instruction{font-size:1.1em;margin-bottom:22px}.role-buttons{grid-template-columns:1fr;gap:16px}.role-button{padding:25px 20px;border-radius:12px}.role-button-icon{font-size:2.5em}.role-button h3{font-size:1.3em}.role-button p{font-size:.95em}}@media(max-width:640px){.home-content{width:95%}.home-header{margin-bottom:30px}.home-header .logo{font-size:3em;margin-bottom:10px}.home-header h1{font-size:2.2em;letter-spacing:.5px}.home-header .tagline{font-size:1em}.role-selector{padding:24px 20px;margin-bottom:20px;border-radius:16px;border-width:2px}.role-instruction{font-size:1em;margin-bottom:20px}.role-buttons{gap:14px}.role-button{padding:22px 18px;border-radius:12px;border-width:2px}.role-button-icon{font-size:2.2em;margin-bottom:12px}.role-button h3{font-size:1.2em;margin-bottom:8px}.role-button p{font-size:.9em}}@media(max-width:480px){.home-content{width:96%}.home-header{margin-bottom:25px}.home-header .logo{font-size:2.5em;margin-bottom:8px}.home-header h1{font-size:1.9em;letter-spacing:0px}.home-header .tagline{font-size:.95em}.role-selector{padding:20px 16px;margin-bottom:18px;border-radius:12px}.role-instruction{font-size:.95em;margin-bottom:18px}.role-buttons{gap:12px}.role-button{padding:18px 16px;border-radius:10px}.role-button-icon{font-size:2em;margin-bottom:10px}.role-button h3{font-size:1.1em;margin-bottom:6px}.role-button p{font-size:.85em;line-height:1.4}}.customer-order-container{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;flex-direction:column;padding:0;overflow-x:hidden;box-sizing:border-box;width:100%}.customer-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:25px 40px;box-shadow:0 10px 30px #d4af3733;display:flex;align-items:center;justify-content:center}.header-content{width:100%;max-width:1400px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:15px}.customer-header .logo{font-size:2.5em}.customer-header h1{margin:0;font-size:1.8em;font-weight:800}.customer-header p{margin:5px 0 0;font-size:.95em;opacity:.9}.customer-content{flex:1;padding:40px;max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box;overflow-x:hidden;gap:30px;animation:fadeIn .3s ease-out}.menu-step h2{font-size:2em;color:#d4af37;margin-bottom:30px;text-align:center}.menu-category-group-full{margin-bottom:35px}.category-title-full{font-size:1.3em;font-weight:600;color:#d4af37;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #D4AF37;display:flex;align-items:center;gap:10px;letter-spacing:.5px}.menu-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:30px}.menu-button-full{background:#2d2d2d;border:2px solid #D4AF37;border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px #d4af371a;position:relative;overflow:hidden}.menu-button-full-image{width:100%;height:150px;border-radius:10px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.menu-button-full-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.menu-button-full:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .5s ease}.menu-button-full:hover{transform:translateY(-8px);border-color:gold;box-shadow:0 12px 30px #d4af374d;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.menu-button-full:hover:before{left:100%}.menu-button-full .name{font-weight:700;color:#e5c158;font-size:1.1em}.menu-button-full .price{font-size:1.3em;color:#d4af37;font-weight:800}.menu-button-full .add-btn{font-size:.85em;color:#10b981;font-weight:700;background:#ecfdf5;padding:6px 12px;border-radius:6px}.cart-preview{position:fixed;bottom:40px;right:40px;background:linear-gradient(135deg,#d4af37,gold);color:#000;padding:20px 30px;border-radius:15px;box-shadow:0 10px 30px #d4af374d;display:flex;gap:15px;align-items:center;animation:slideInUp .3s ease-out;z-index:10;box-sizing:border-box}@media(max-width:1200px){.customer-header{padding:16px 24px;gap:12px}.menu-grid-full{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@media(max-width:900px){.customer-header{padding:14px 16px;gap:10px;flex-wrap:wrap}.customer-content{padding:30px 20px}.menu-grid-full{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:0 12px}.cart-preview{right:12px;bottom:12px;padding:12px 16px}}@media(max-width:640px){.customer-header{padding:12px 10px;gap:8px;flex-direction:column;align-items:stretch}.customer-content{padding:20px 12px}.menu-grid-full{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:0 8px}.menu-button-full-image{height:150px;background:transparent}.menu-button-full-image img{-o-object-fit:contain;object-fit:contain}.menu-button-full{padding:10px}.menu-button-full .name{font-size:.8em}.menu-button-full .price{font-size:.75em}.cart-preview{left:8px;right:8px;bottom:10px;width:auto;padding:10px 12px;border-radius:10px}}@media(max-width:480px){.customer-header{padding:10px 6px;gap:6px}.customer-content{padding:16px 8px}.menu-grid-full{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:5px;padding:0 5px}.menu-button-full-image{height:110px;background:transparent}.menu-button-full-image img{-o-object-fit:contain;object-fit:contain}.menu-button-full{padding:8px;gap:8px}.menu-button-full .name{font-size:.75em}.menu-button-full .price{font-size:.7em}.cart-preview{padding:8px 10px;gap:6px}}@media(max-width:380px){.customer-header{padding:8px 4px;gap:4px}.customer-content{padding:12px 6px}.menu-grid-full{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px;padding:0 4px}.menu-button-full-image{height:90px;background:transparent}.menu-button-full-image img{-o-object-fit:contain;object-fit:contain}.menu-button-full{padding:6px;gap:6px}.menu-button-full .name{font-size:.65em}.menu-button-full .price{font-size:.6em}.category-title-full{font-size:1em;margin-bottom:10px;padding-bottom:8px}}.cart-count{font-weight:700;font-size:1.1em}.btn-checkout-preview{background:#1a1a1a;color:#d4af37;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.btn-checkout-preview:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.checkout-step{display:flex;flex-direction:column;gap:30px}.checkout-step h3{font-size:1.5em;color:#fff;margin-bottom:15px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:30px}.customer-info-section{background:#2d2d2d;border-radius:15px;padding:25px;box-shadow:0 4px 12px #d4af371a;border:2px solid #D4AF37}.customer-info-section h3{margin-bottom:20px}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#e5c158}.form-input{padding:12px 15px;border:2px solid #D4AF37;border-radius:10px;font-size:1em;transition:all .3s ease;background:#1a1a1a;color:#e5c158}.form-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #d4af3733}.form-textarea{padding:12px 15px;border:2px solid #D4AF37;border-radius:10px;font-size:1em;transition:all .3s ease;font-family:inherit;resize:vertical;min-height:80px;background:#1a1a1a;color:#e5c158}.form-textarea:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #d4af3733}.order-summary-section{background:#2d2d2d;border-radius:15px;padding:25px;box-shadow:0 4px 12px #d4af371a;border:2px solid #D4AF37;display:flex;flex-direction:column;gap:15px}.order-summary-section h3{margin-bottom:15px}.order-items-summary{background:#1a1a1a;border-radius:10px;padding:15px;max-height:300px;overflow-y:auto}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #2d2d2d}.summary-item:last-child{border-bottom:none}.summary-name{font-weight:600;color:#e5c158}.summary-price{color:#d4af37;font-weight:700}.order-summary-total{background:linear-gradient(135deg,#d4af37,gold);border-radius:10px;padding:15px;display:flex;justify-content:space-between;align-items:center;border:2px solid #FFD700;font-weight:700;font-size:1.2em;color:#000}.order-summary-total .amount{color:#000}.btn-edit-cart{background:#d4af37;color:#000;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-edit-cart:hover{background:gold}.checkout-actions{display:grid;grid-template-columns:1fr 2fr;gap:15px}.btn-back-checkout,.btn-continue-payment{padding:15px 25px;border:none;border-radius:10px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-back-checkout{background:#2d2d2d;color:#d4af37;border:2px solid #D4AF37}.btn-back-checkout:hover{background:#1a1a1a;transform:translateY(-2px);border-color:gold}.btn-continue-payment{background:linear-gradient(135deg,#d4af37,gold);color:#000;box-shadow:0 4px 12px #d4af3733}.btn-continue-payment:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d4af374d}.payment-step{display:flex;flex-direction:column;gap:30px}.payment-step h3{font-size:1.8em;color:#fff;text-align:center}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:900px;margin:0 auto;width:100%}.payment-method-btn{background:#2d2d2d;border:3px solid #D4AF37;border-radius:15px;padding:30px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:15px;box-shadow:0 4px 12px #d4af371a}.payment-method-btn:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.payment-method-btn.active{background:linear-gradient(135deg,#d4af37,gold);border-color:gold}.method-icon{font-size:3em}.method-name{font-size:1.3em;font-weight:700;color:#d4af37}.method-desc{font-size:.9em;color:#ccc}.payment-actions{display:flex;justify-content:center}.btn-back-payment{background:#d4af37;color:#fff;border:none;padding:12px 25px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-back-payment:hover{background:#d1d5db;transform:translateY(-2px)}.confirmation-step{display:flex;justify-content:center;align-items:center;min-height:500px;padding:20px}.confirmation-card{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:20px;padding:50px;text-align:center;box-shadow:0 25px 70px #d4af3740,0 10px 25px #0006;border:4px solid #D4AF37;max-width:500px;animation:scaleIn .4s ease-out;position:relative;overflow:hidden}.canceled-banner{width:100%;display:flex;justify-content:center;margin-bottom:20px;animation:slideDown .5s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #ef4444b3,0 8px 24px #ef444426}50%{box-shadow:0 0 0 8px #ef444400,0 8px 24px #ef444440}}.canceled-content{width:100%;max-width:820px;display:flex;align-items:center;gap:20px;padding:24px;border-radius:16px;background:linear-gradient(135deg,#1f2937,#111827);border:2px solid #ef4444;box-shadow:0 8px 24px #ef444426;animation:pulse-glow 2s ease-in-out infinite;position:relative;overflow:hidden}.canceled-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.canceled-icon{flex:0 0 70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 4px 16px #ef44444d;animation:shake .5s ease-in-out .3s,pulse 2s ease-in-out 2.8s infinite;position:relative;z-index:1}.canceled-text{flex:1 1 auto;z-index:1}.canceled-text h3{margin:0 0 8px;font-size:1.4rem;font-weight:700;color:#fecaca;letter-spacing:.5px}.canceled-text .muted{margin:0;color:#d1d5db;font-size:.95rem;line-height:1.5}.canceled-actions{display:flex;gap:12px;align-items:center;z-index:1;flex-wrap:wrap;justify-content:flex-end}.btn-ghost{padding:10px 16px;background:#ffffff1a;border:1.5px solid #d1d5db;color:#f3f4f6;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-ghost:hover{background:#ffffff26;border-color:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.btn-ghost:active{transform:translateY(0)}.btn-primary{padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-primary:active{transform:translateY(0)}@media(max-width:1024px){.canceled-content{padding:20px;gap:16px}.canceled-icon{flex:0 0 60px;height:60px;font-size:32px}.canceled-text h3{font-size:1.2rem}.canceled-text .muted{font-size:.9rem}.btn-ghost,.btn-primary{padding:9px 14px;font-size:.85rem}}@media(max-width:768px){.canceled-content{flex-direction:column;align-items:stretch;text-align:center;padding:20px 16px;gap:16px}.canceled-icon{flex:0 0 60px;height:60px;font-size:32px;margin:0 auto}.canceled-text h3{font-size:1.1rem}.canceled-text .muted{font-size:.9rem}.canceled-actions{justify-content:center;gap:10px}.btn-ghost,.btn-primary{flex:1;min-width:120px;padding:10px 12px;font-size:.85rem}}@media(max-width:480px){.canceled-banner{margin-bottom:16px}.canceled-content{flex-direction:column;padding:16px 12px;gap:12px;border-radius:12px}.canceled-icon{flex:0 0 55px;height:55px;font-size:28px}.canceled-text h3{font-size:1rem;margin-bottom:6px}.canceled-text .muted{font-size:.85rem}.canceled-actions{flex-direction:column;gap:8px;width:100%}.btn-ghost,.btn-primary{width:100%;padding:10px;font-size:.85rem}}.confirmation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#d4af37,gold,#d4af37);border-radius:20px 20px 0 0}.confirmation-icon{font-size:5em;margin-bottom:20px;animation:bounce .6s ease-out;color:#d4af37;filter:drop-shadow(0 2px 8px rgba(212,175,55,.3))}.confirmation-card h2{font-size:2.2em;color:#fff;margin-bottom:15px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.order-id{font-size:1em;color:#d4af37;margin-bottom:30px;font-family:monospace;background:#1a1a1a;padding:12px;border-radius:8px;border:2px dashed #D4AF37;font-weight:600}.confirmation-details{background:#2d2d2d;border-radius:10px;padding:20px;margin:25px 0;text-align:left}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #D4AF37}.detail-row:last-child{border-bottom:none}.detail-row span{color:#a0aec0}.detail-row strong{color:#d4af37;font-weight:700}.confirmation-message{color:#e5e7eb;margin:25px 0;line-height:1.8;font-size:.95em}.confirmation-message p{margin:10px 0}.btn-new-order{background:linear-gradient(135deg,#d4af37,gold);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px}.btn-new-order:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b45134d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:768px){.customer-content{padding:20px}.two-column,.checkout-actions{grid-template-columns:1fr}.menu-grid-full{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.payment-methods-grid{grid-template-columns:1fr}.cart-preview{position:relative;bottom:auto;right:auto;flex-direction:column}.confirmation-card{padding:30px}}.order-items-summary::-webkit-scrollbar{width:6px}.order-items-summary::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.order-items-summary::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.order-items-summary::-webkit-scrollbar-thumb:hover{background:#94a3b8}.btn-back{background:#fff3;color:#fff;border:2px solid white;padding:12px 25px;border-radius:10px;cursor:pointer;font-weight:600;font-size:1em;transition:all .3s ease}.btn-back:hover{background:#ffffff4d;transform:translateY(-2px)}.customer-content{flex:1;padding:40px;max-width:1400px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:30px}.tables-section{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000014;border:2px solid #D4AF37}.tables-section h2{margin-bottom:25px;font-size:1.8em;color:#fff;display:flex;align-items:center;gap:10px}.barcode-input-section{display:flex;flex-direction:column;gap:8px;margin-bottom:25px}.barcode-input{width:100%;padding:15px 20px;font-size:1.1em;border:2px solid #D4AF37;border-radius:10px;transition:all .3s ease;box-sizing:border-box}.barcode-input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #8b45131a}.barcode-input-section small{font-size:.9em;color:#bfdbfe}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.table-button{background:#fff;border:2px solid #D4AF37;border-radius:12px;padding:20px 15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.table-button:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.table-button.selected{background:linear-gradient(135deg,#d4af37,gold);border-color:#d97706}.table-button.empty{border-color:#10b981}.table-button.occupied{border-color:#ef4444;background:#fef2f2}.table-status-icon{font-size:1.5em;font-weight:700}.table-button.empty .table-status-icon{color:#10b981}.table-button.occupied .table-status-icon{color:#ef4444;animation:pulse 1.5s ease-in-out infinite}.table-name{font-weight:700;color:#fff;font-size:1em}.table-barcode{font-size:.75em;color:#bfdbfe;font-family:monospace}.order-section{display:grid;grid-template-columns:1fr 450px;gap:30px}.menu-section-table{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000014;border:2px solid #D4AF37;height:-moz-fit-content;height:fit-content}.menu-section-table h2{margin-bottom:25px;font-size:1.6em;color:#fff}.menu-grid-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;max-height:600px;overflow-y:auto;padding-right:10px}.menu-button-table{background:linear-gradient(135deg,#000,#2d2d2d);border:2px solid #D4AF37;border-radius:12px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 12px #0000000d}.menu-button-table:hover{transform:translateY(-5px);border-color:#d4af37;box-shadow:0 12px 30px #8b451326;background:linear-gradient(135deg,#d4af37,#2d2d2d)}.menu-button-table .name{font-weight:700;color:#fff;font-size:.95em}.menu-button-table .price{font-size:.9em;color:#d4af37;font-weight:600}.cart-section-table{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000014;border:2px solid #D4AF37;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;position:sticky;top:20px}.cart-section-table h2{margin-bottom:20px;font-size:1.3em;color:#fff}.cart-items-table{flex:1;overflow-y:auto;margin-bottom:20px;min-height:200px;max-height:400px;padding-right:8px}.empty-cart{text-align:center;color:#bfdbfe;padding:40px 20px;font-style:italic}.cart-item-table{background:#2d2d2d;border-radius:10px;padding:12px;margin-bottom:10px;display:flex;gap:8px;align-items:flex-start;border:1px solid #D4AF37}.item-info{flex:1;min-width:0}.item-name{font-weight:700;color:#fff;font-size:.95em;display:block;margin-bottom:4px}.modifier-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.modifier-tag{display:inline-block;background:#e0e7ff;color:#4f46e5;padding:2px 6px;border-radius:4px;font-size:.75em;font-weight:600}.item-price{font-size:.9em;color:#d4af37;font-weight:600}.qty-controls{display:flex;align-items:center;gap:6px;background:#fff;border-radius:6px;border:1px solid #D4AF37;padding:4px}.qty-btn{background:none;border:none;cursor:pointer;font-size:1.1em;color:#d1d5db;font-weight:700;padding:2px 6px;transition:all .2s ease}.qty-btn:hover{color:#fff}.qty{font-weight:700;color:#fff;min-width:20px;text-align:center}.remove-btn{background:#fee2e2;border:none;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:.9em;transition:all .2s ease}.remove-btn:hover{background:#fecaca}.cart-total-table{background:linear-gradient(135deg,#d4af37,gold);border-radius:10px;padding:15px;margin-bottom:20px;border:2px solid #D97706}.total-label{font-size:.9em;color:#d1d5db;margin-bottom:5px}.total-amount{font-size:1.6em;font-weight:800;color:#fff}.table-order-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.btn-cancel-table,.btn-pay-table{padding:12px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;font-size:1em;transition:all .3s ease}.btn-cancel-table{background:#d4af37;color:#fff}.btn-cancel-table:hover{background:#d1d5db;transform:translateY(-2px)}.btn-pay-table{background:linear-gradient(135deg,#d4af37,gold);color:#fff;box-shadow:0 4px 12px #8b451333}.btn-pay-table:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b45134d}.btn-pay-table:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.order-section{grid-template-columns:1fr}.cart-section-table{position:relative;top:auto;height:auto}.menu-grid-table{max-height:none}}@media(max-width:768px){.customer-content{padding:20px;gap:20px}.header-content{flex-direction:column;gap:15px}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.menu-grid-table{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.barcode-input{font-size:1em}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.cart-items-table::-webkit-scrollbar,.menu-grid-table::-webkit-scrollbar{width:6px}.cart-items-table::-webkit-scrollbar-track,.menu-grid-table::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.cart-items-table::-webkit-scrollbar-thumb,.menu-grid-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.cart-items-table::-webkit-scrollbar-thumb:hover,.menu-grid-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}