#root{width:100%}html,body,#root{margin:0;padding:0;width:100%;height:100%}:root .offline-banner{position:fixed;top:10px;left:50%;transform:translate(-50%);background:#581c1c;color:#fee2e2;padding:10px 14px;border:2px solid #ef4444;border-radius:12px;display:inline-flex;align-items:center;gap:10px;z-index:9999;box-shadow:0 8px 16px #00000059}:root{--app-header-h: 96px;--admin-top-gap: 48px;--admin-content-gap: 24px;--admin-sidenav-gap: 20px;--admin-content-gap-right: clamp(180px, 15vw, 420px);--admin-right-gutter: clamp(140px, 12vw, 360px)}@media(max-width:900px){#root{width:100%}}@media(max-width:600px){#root{width:100%}}.app-header{background:#0f0f0f;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}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pending-order-card,.received-order-card,.preparing-order-card,.delivering-order-card{will-change:transform,opacity;animation:cardIn .24s ease-out}.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;line-clamp:2;-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}.fav-toggle{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0009;color:#d1d5db;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;cursor:pointer;transition:all .2s ease;border:1px solid #D4AF37;z-index:2}.fav-toggle.active{background:#d4af37;color:#1a1a1a}.fav-toggle:hover{transform:scale(1.05)}.menu-badge{position:absolute;top:6px;left:6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#0009;color:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;border:1px solid #D4AF37;z-index:2}.menu-badge.fav{left:auto;right:6px;background:#d4af37;color:#1a1a1a}.menu-badge.pop{background:#ef4444d9;border-color:#ef4444}.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}.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:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:12px;text-align:left;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f;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{display:none}.menu-button:hover{transform:translateY(-2px);border-color:#d4af3799;box-shadow:0 6px 16px #0000001f;background:#fff}.menu-button:hover:before{left:100%}.menu-button .name{font-weight:700;color:#111;font-size:1em}.menu-button .price{font-size:.9em;color:#d4af37;font-weight:700}.menu-button .menu-hint{font-size:.72em;color:#6b7280;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:22px;height:22px;border-radius:6px;border:1px solid rgba(212,175,55,.6);background:#fff;color:#d4af37;font-size:.85em;font-weight:900;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s ease,background .15s ease}.menu-button .qty-controls .qty-btn:hover{transform:scale(1.1)}.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:last-child{border-bottom:none}.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,.btn-reject,.btn-check-payment,.btn-verify-payment,.btn-confirm-delivery{width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;min-height:42px}.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}@media(max-width:640px){.order-details{width:100%}.order-id{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:380px){.order-id{font-size:.8em}}.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:repeat(2,minmax(0,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;min-width:0}.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;min-width:0}.btn-verify-payment:hover{box-shadow:0 6px 16px #fcd34d66;transform:translateY(-2px)}.btn-verify-payment:active{transform:translateY(0)}@media(max-width:480px){.btn-accept,.btn-reject,.btn-check-payment,.btn-verify-payment,.btn-confirm-delivery{font-size:.75em;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;min-height:48px;padding:10px 12px;word-break:break-word;overflow-wrap:anywhere}}@media(max-width:360px){.order-actions,.payment-buttons{grid-template-columns:1fr}}.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-watermark{font-size:12px;font-weight:900;color:#d4af37;letter-spacing:.6px;opacity:.95}.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{position:fixed;top:calc(var(--app-header-h, 110px) + var(--admin-top-gap, 48px));left:0;right:0;bottom:0;overflow:auto;scrollbar-gutter:stable both-edges;background:linear-gradient(135deg,#000,#1a1a1a,#2d2d2d);padding:0;animation:fadeIn .5s ease-out;box-sizing:border-box;overflow-x:hidden;width:100%}.admin-sidebar{background:#1d2327;color:#c3c4c7;border-right:1px solid #2c3338;padding:8px 6px;border-radius:0;box-shadow:none}.sidebar-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border-radius:4px;border:none;background:transparent;color:#c3c4c7;font-weight:700;cursor:pointer;margin-bottom:6px;transition:background .2s ease,color .2s ease,border-color .2s ease;text-align:left;border-left:4px solid transparent}.sidebar-btn:hover{background:#2c3338;color:#fff}.sidebar-btn.active{background:#2c3338;color:#fff;border-left-color:#d4af37}.sidebar-submenu{padding:0;margin-top:6px}.sidebar-sub-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 14px 8px 20px;border-radius:4px;border:none;background:transparent;color:#c3c4c7;font-weight:600;cursor:pointer;margin-bottom:4px;transition:background .2s ease,color .2s ease;text-align:left}.sidebar-sub-btn:hover{background:#2c3338;color:#fff}.sidebar-sub-btn.active{background:#2c3338;color:#fff;border-left:4px solid #D4AF37}.sidebar-caret{font-size:.9em;opacity:.8}.sidebar-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#2c3338;color:#e5e7eb;border:1px solid #3b4248;font-size:.72em;font-weight:700}.admin-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--admin-sidenav-gap, 20px);animation:fadeIn .5s ease-out;width:100%;max-width:none;margin:0;box-sizing:border-box;overflow-x:hidden}.admin-container.admin-website{max-width:none;width:100%}.admin-container>.admin-section{grid-column:1 / -1}.admin-container>.add-menu-form{grid-column:1 / -1}.admin-layout{display:grid;grid-template-columns:1fr;gap:var(--admin-sidenav-gap, 20px);width:100%}.admin-shell{width:100%;max-width:var(--admin-shell-max, 1440px);margin:0 auto;padding:0 24px;box-sizing:border-box}@media(min-width:1280px){.admin-shell{padding:0 32px;max-width:var(--admin-shell-max, 1480px)}}@media(max-width:900px){.admin-shell{padding:0 16px}}@media(max-width:640px){.admin-shell{padding:0 12px}}.admin-mobile-bar{display:flex;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box;padding:10px 14px;position:sticky;top:0;background:#101010d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.admin-drawer{display:none}.admin-drawer.open{display:block;position:fixed;inset:0;z-index:60}.admin-drawer.open .admin-sidebar{position:absolute;left:12px;top:12px;bottom:12px;width:280px;overflow:auto}.admin-drawer.open .admin-overlay{position:absolute;inset:0;background:#00000080}.admin-sidebar{max-height:100vh;overflow:auto}.admin-content{width:100%;padding:24px var(--admin-content-gap, 24px) 0 var(--admin-content-gap, 24px);margin:0;background:transparent;display:block}.admin-content>.admin-container,.admin-content>.admin-section,.admin-content>.chart-container{margin-left:0;padding-left:0}@media(min-width:1280px){.admin-content{padding:28px var(--admin-content-gap-right, var(--admin-content-gap, 24px)) 0 var(--admin-content-gap, 24px)}}@media(max-width:900px){.admin-content{padding:20px var(--admin-content-gap, 16px) 0 var(--admin-content-gap, 16px)}}@media(max-width:640px){.admin-content{padding:16px var(--admin-content-gap, 12px) 0 var(--admin-content-gap, 12px)}}@media(min-width:900px){.admin-layout{grid-template-columns:260px 1fr}.admin-mobile-bar{display:none}.admin-drawer{display:block;position:static}.admin-drawer .admin-sidebar{position:static;width:260px;height:100vh;overflow:auto;margin-left:0}.admin-drawer .admin-overlay{display:none}.admin-content{padding-left:var(--admin-content-gap, 50px);padding-right:var(--admin-content-gap-right, calc(var(--admin-content-gap, 24px) + 24px));padding-top:0;border-left:none}}.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;overflow:hidden}.admin-section h3{margin:0 0 16px;font-size:1.25em;color:#d4af37;font-weight:800;letter-spacing:.5px}.admin-website .admin-promo .admin-promo-row{grid-template-columns:1fr 1fr auto;align-items:start;gap:12px}.admin-website .admin-promo .promo-desc-col{grid-column:1 / -1}.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}.admin-story{background:linear-gradient(135deg,#171717,#222);border:2px solid rgba(212,175,55,.6)}.admin-story .payment-label{color:#e5c158;font-weight:700}.admin-story .payment-input{background:#1b1f28;color:#fff;border:2px solid rgba(212,175,55,.35);font-family:inherit;font-weight:600}.admin-story .payment-input::-moz-placeholder{color:#cbd5e1}.admin-story .payment-input::placeholder{color:#cbd5e1}.admin-story .payment-input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}.admin-story .payment-row{grid-template-columns:1fr}.story-text-row .story-textarea{width:100%;min-height:120px;resize:vertical}.story-photo-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.story-photo-preview{width:100%;height:180px;border-radius:12px;margin-top:10px;background-size:cover;background-position:center;border:2px solid #D4AF37;box-shadow:inset 0 0 0 1000px #00000026}.story-features-col{width:100%}.story-features-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.feature-row{display:grid;grid-template-columns:80px 1fr 2fr auto;gap:10px;align-items:center;margin-bottom:8px}.feature-ico-input{width:80px;text-align:center;font-size:1.1em}.feature-title-input,.feature-desc-input{width:100%}.upload-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.upload-actions{display:flex;justify-content:flex-start;gap:8px}.admin-section .brand-logo-box+div{flex:1 1 auto}.menu-list{display:grid;grid-template-columns:1fr;gap:12px;max-height:none;overflow-y:auto;padding-right:28px;width:100%;max-width:none;margin:0;overflow-x:hidden}.menu-item{background:linear-gradient(180deg,#0f1218,#1a1f2a);border:1px solid rgba(212,175,55,.35);border-radius:14px;padding:12px 20px 12px 16px;display:grid;grid-template-columns:minmax(0,96px) minmax(0,1fr) auto;gap:12px;align-items:center;transition:all .3s ease;box-shadow:0 8px 22px #00000059,inset 0 0 0 1px #ffffff0a;width:100%;position:relative}.menu-item:hover{border-color:#ffd70099;box-shadow:0 14px 28px #00000073,0 0 0 1px #d4af3740 inset;transform:translateY(-2px)}.menu-item:after{content:"";position:absolute;left:12px;right:12px;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#d4af378c,#3b82f666);opacity:.6}.menu-item-image{width:96px;height:72px;border-radius:12px;overflow:hidden;background:radial-gradient(60% 60% at 50% 40%,#ffffff0f,#1a1a1a 60%);border:1px solid rgba(255,255,255,.06);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;transition:transform .25s ease}.menu-item:hover .menu-item-image img{transform:scale(1.06)}.menu-item-info{display:grid;gap:6px;min-width:0}.menu-item-info .name{font-weight:700;color:#e5c158;font-size:.98em;letter-spacing:.2px}.menu-item-info .price{font-size:.85em;color:#d4af37;font-weight:600}.menu-item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:900px){.menu-list,.menu-item{grid-template-columns:1fr}.menu-item-image{width:100%;height:160px}}.menu-item-actions button{padding:6px 10px;border:none;border-radius:6px;font-size:.8em;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.menu-chips{display:flex;gap:6px;flex-wrap:wrap}.menu-chip{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid #D4AF37;color:#d4af37;font-weight:800;background:#d4af3714}.menu-chip.pop{border-color:#ef4444;color:#ef4444;background:#ef44441a}.add-menu-form{width:100%;max-width:960px;margin:0 auto}.category-list{max-width:none;margin:0}.category-list .menu-item{grid-template-columns:1fr auto;background:linear-gradient(180deg,#0f1218,#1a1f2a);border:1px solid rgba(212,175,55,.28);border-radius:12px;padding:14px 16px;position:relative;box-shadow:0 6px 16px #0003,inset 0 0 0 1px #ffffff0a}.category-list .menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px;background:linear-gradient(180deg,#d4af37e6,#3b82f680)}.category-list .menu-item:hover{transform:translateY(-1px);border-color:#ffd70080;box-shadow:0 12px 24px #00000059,inset 0 0 0 1px #d4af3733}.category-list .menu-item .menu-item-info .name{letter-spacing:.2px}.menu-card{background:#151922;border:1px solid #2c3338;border-radius:12px;padding:16px 20px;box-shadow:0 6px 16px #0000002e}.menu-card .menu-list{padding-right:0;margin:0;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.menu-card .menu-item{grid-template-columns:1fr;padding:10px;position:relative;overflow:hidden}.menu-card .menu-item-image{width:100%;height:100px}.menu-card .menu-item-actions{justify-content:flex-start;gap:8px}.menu-card .menu-item:after{content:"";position:absolute;left:12px;right:12px;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#d4af3799,#3b82f666);opacity:.7}.inventory-table-wrap{width:100%;overflow-x:auto;overflow-y:auto;border-radius:8px;border:1px solid rgba(212,175,55,.18);background:transparent;box-shadow:none;padding:0 16px}.inventory-table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px;table-layout:fixed}.inventory-table th,.inventory-table td{box-sizing:border-box}.inventory-table thead th{text-align:left;padding:12px;color:#e5c158;font-weight:800;border-bottom:2px solid #D4AF37;background:linear-gradient(135deg,#d4af371f,#d4af370d);position:sticky;top:0;z-index:1}.inventory-table thead th,.inventory-table tbody td{font-size:14px}.inventory-table thead th:nth-child(1),.inventory-table tbody td:nth-child(1){width:23%}.inventory-table thead th:nth-child(2),.inventory-table tbody td:nth-child(2){width:12%}.inventory-table thead th:nth-child(3),.inventory-table tbody td:nth-child(3){width:9%}.inventory-table thead th:nth-child(4),.inventory-table tbody td:nth-child(4){width:14%}.inventory-table thead th:nth-child(5),.inventory-table tbody td:nth-child(5){width:15%}.inventory-table thead th:nth-child(6),.inventory-table tbody td:nth-child(6){width:6%;border-right:1px solid rgba(212,175,55,.25);padding-right:8px}.inventory-table thead th:nth-child(7),.inventory-table tbody td:nth-child(7){width:20%;white-space:nowrap;padding-right:16px}.inventory-table thead th:nth-child(7){text-align:center}.inventory-table tbody td:nth-child(7){padding-right:18px}.inventory-table tbody td{padding:12px;border-bottom:1px solid rgba(212,175,55,.25);color:#fff;vertical-align:middle}.inventory-table tbody tr:nth-child(2n){background:#ffffff08}.inventory-table .align-right{text-align:right}.inventory-table .align-center{text-align:center}.inventory-table .align-left{text-align:left}.inventory-table .name-low{color:#ef4444;font-weight:800}.inventory-table .btn-edit,.inventory-table .btn-delete{background:transparent;border:none;box-shadow:none;padding:0;width:20px;height:20px;min-width:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:16px;line-height:1;cursor:pointer}.inventory-table .cell-actions{display:flex;gap:6px;justify-content:center;align-items:center;white-space:nowrap;min-width:64px;padding:0 8px;border-left:none;width:100%;text-align:center}.count-input{width:160px;text-align:right}.diff-cell{text-align:right;font-weight:800;border-radius:6px;background-clip:padding-box;position:relative;z-index:1;padding-right:10px;border-right:1px solid rgba(212,175,55,.25)}.diff-cell.pos{background:#10b98126;color:#10b981}.diff-cell.neg{background:#ef444426;color:#ef4444}.diff-cell.zero{background:transparent;color:#fff}.inventory-group-row td{padding:10px 12px;font-weight:800;color:#e5c158;background:linear-gradient(135deg,#d4af372e,#d4af3712);border-bottom:1px solid rgba(212,175,55,.35)}.inventory-summary-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-top:10px;border:1px solid rgba(212,175,55,.35);border-radius:10px;background:linear-gradient(135deg,#151922,#1a1f2a);box-shadow:0 6px 16px #0003}.summary-inline{display:inline-flex;align-items:center;gap:8px;font-weight:800}.summary-inline .chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-weight:800}.summary-inline .chip-pos{background:#10b9812e;color:#10b981}.summary-inline .chip-neg{background:#ef44442e;color:#ef4444}.summary-inline .chip-count{background:#d4af372e;color:#e5c158}.summary-actions{display:inline-flex;gap:8px}.toggle-inline{display:inline-flex;align-items:center;gap:8px}@media(min-width:900px){.payment-row .inventory-table-wrap{grid-column:1 / -1;width:100%}.inventory-table thead th,.inventory-table tbody td{font-size:15px;padding:14px}.count-input{width:180px}}@media(max-width:640px){.inventory-table{min-width:560px}.inventory-table thead th,.inventory-table tbody td{font-size:12px;padding:8px}.count-input{width:110px}}.menu-card .menu-item:hover{transform:translateY(-2px);border-color:#ffd70099;box-shadow:0 14px 28px #00000073,0 0 0 1px #d4af3740 inset}.menu-card .menu-item-info{gap:8px}.menu-card .menu-item-info .name{font-size:1.05em;letter-spacing:.2px}.menu-card .menu-item-info .price{font-size:.9em;color:#d4af37;font-weight:600}.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}#hero-bg-upload,#story-photo-upload{padding:6px 10px!important;font-size:.85em!important;border-width:1px!important;height:34px!important;line-height:1!important}.input-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.upload-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;height:30px;border-radius:999px;background:linear-gradient(135deg,#d4af37,gold);color:#000;font-weight:800;font-size:.85em;letter-spacing:.2px;border:2px solid #FFD700;cursor:pointer;box-shadow:0 6px 14px #d4af3740;-webkit-user-select:none;-moz-user-select:none;user-select:none}.upload-chip:hover{transform:translateY(-1px);box-shadow:0 8px 18px #d4af3759}.upload-chip:active{transform:translateY(0);box-shadow:0 4px 10px #d4af3740}.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:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#151922;border-radius:12px;padding:20px 20px 20px 24px;border-top:3px solid #D4AF37;box-shadow:0 6px 16px #00000040}.stat-label{font-size:.92em;font-weight:800;color:#d9dee9;letter-spacing:.2px;margin-bottom:6px;text-rendering:optimizeLegibility}.stat-value{font-size:1.8em;font-weight:800;color:#e2b94c;letter-spacing:.2px;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}.panel-card.total-revenue .stat-value{color:gold;font-size:2em;font-weight:900}.stat-card.revenue{border-top-color:#10b981}.stat-card.transactions{border-top-color:#3b82f6}.stat-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#1f2533;color:#e2b94c;margin:0 0 10px 4px;font-size:18px}.sparkline{width:100%;height:34px;margin-top:8px}.sparkline-svg{width:100%;height:34px}.sparkline-path{fill:none;stroke:#e2b94c;stroke-width:2}.sparkline-path.secondary{stroke:#3b82f6}.trend-row{margin-top:6px;font-size:.92em;font-weight:800;color:#c6cbd9;letter-spacing:.15px;text-rendering:optimizeLegibility}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-neutral{color:#aab1c5}.panel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;padding-right:26px;margin-right:10px}.panel-card{background:#151922;border-radius:16px;padding:24px 22px 24px 40px;border:1px solid rgba(226,185,76,.15);box-shadow:0 6px 16px #00000040}.panel-card.total-revenue{padding:20px 18px 20px 28px}.panel-card.total-revenue .stat-icon{width:32px;height:32px;font-size:16px}.gauge{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center}.gauge-ring{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--color, #10B981) calc(var(--pct, 0) * 1%),rgba(255,255,255,.08) 0);display:grid;place-items:center}.gauge-inner{width:80px;height:80px;border-radius:50%;background:#0d1117;display:grid;place-items:center;color:#e2b94c;font-weight:800;font-size:20px;letter-spacing:.2px;text-rendering:optimizeLegibility}.overview-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.overview-card{background:#151922;border-radius:12px;padding:18px 18px 18px 22px;border:1px solid rgba(226,185,76,.15);display:grid;gap:6px}.overview-label{color:#aab1c5;font-size:.85em}.overview-value{color:#e2b94c;font-weight:800;font-size:1.2em}.toast-container{position:fixed;bottom:20px;right:20px;display:grid;gap:10px;z-index:2000}.toast{background:linear-gradient(135deg,#10b981,#059669);color:#0d1117;border:2px solid #D4AF37;border-radius:10px;padding:10px 14px;font-weight:700;box-shadow:0 10px 20px #00000040;animation:fadeIn .2s ease}.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}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.toolbar-group{display:flex;gap:8px}.chip{padding:8px 14px;border-radius:999px;border:1px solid rgba(226,185,76,.35);background:#0d1117;color:#e2b94c;font-weight:700;cursor:pointer;transition:all .2s ease}.chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e2b94c26}.chip.active{background:linear-gradient(135deg,#d4af37,gold);color:#000;border-color:gold}.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}}.admin-section h3{margin:0 0 18px;font-size:1.25em;color:#e5c158;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid rgba(212,175,55,.4)}.admin-website .payment-row{grid-template-columns:1fr}.admin-website .admin-locations .payment-row{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:14px;align-items:start}.payment-row>*{min-width:0}.payment-col{display:grid;gap:8px;background:#0d111759;border:1px solid rgba(212,175,55,.25);border-radius:12px;padding:14px;min-width:0}.payment-label{font-weight:700;color:#e5c158;font-size:.95em}.payment-input{padding:12px 14px;border:2px solid rgba(212,175,55,.45);border-radius:10px;font-size:.95em;background:#2d2d2d;color:#f8fafc;transition:all .2s ease;width:100%;max-width:100%;box-sizing:border-box}.payment-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #d4af3733}.admin-section textarea.payment-input,.admin-section select.payment-input{width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;font-weight:600;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23D4AF37' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.btn-save{background:linear-gradient(135deg,#d4af37,gold);color:#000;border:none;padding:12px 18px;border-radius:12px;font-weight:800;letter-spacing:.3px;cursor:pointer;box-shadow:0 8px 20px #d4af3740;transition:all .2s ease}.btn-save:hover{transform:translateY(-2px);box-shadow:0 12px 28px #d4af3759}.btn-cancel{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#111827;border:none;padding:12px 18px;border-radius:12px;font-weight:800;letter-spacing:.3px;cursor:pointer;box-shadow:0 8px 20px #0000001a;transition:all .2s ease}.btn-cancel:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000026}.btn-upload{background:transparent;color:#d4af37;border:2px solid #D4AF37;padding:12px 18px;border-radius:12px;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:all .2s ease}.btn-upload:hover{background:#d4af371f;transform:translateY(-2px)}.admin-container{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1240px;margin:0 auto;padding:16px 24px 24px;gap:24px}@media(max-width:1200px){.admin-container{grid-template-columns:1fr;padding:14px 20px 20px;gap:16px}.menu-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:900px){.menu-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.menu-item{grid-template-columns:1fr;gap:12px;padding:12px}.menu-item-image{width:100%;height:160px}.menu-item-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-item-actions .btn-delete{grid-column:span 2}.menu-item-actions button{width:100%;font-size:.85em;padding:10px}}@media(max-width:640px){.menu-list{grid-template-columns:1fr}.menu-item-image{height:140px}.menu-item-actions{grid-template-columns:1fr;gap:8px}.menu-item-actions .btn-delete{grid-column:auto}}.admin-section{margin-bottom:24px;padding:24px 24px 24px 28px;background:#151922;border:1px solid #2c3338;border-radius:12px;box-shadow:0 6px 16px #0000002e}.admin-section>h2{margin:8px 0 20px;color:#e5e7eb;padding:16px 12px 16px 24px;border-bottom:1px solid #2c3338}.admin-section>h2.section-title{display:flex;align-items:center;gap:12px}.admin-section>h2.section-title .section-icon{display:inline-flex;width:24px;justify-content:center}.chart-container>h2{margin:8px 0 20px;padding:16px 12px 16px 24px;border-bottom:1px solid #2c3338;color:#e5e7eb}.chart-container>h2.section-title{display:flex;align-items:center;gap:12px}.chart-container>h2.section-title .section-icon{display:inline-flex;width:24px;justify-content:center}.admin-section>p{margin:0 0 16px}.admin-section .btn-add{margin-bottom:16px!important}.transactions-list{display:grid;gap:14px;margin:12px 16px 16px 0}.chart-container{margin-top:16px;background:#151922;border:1px solid #2c3338;border-radius:12px;padding:16px 20px;box-shadow:0 6px 16px #0000002e;position:relative;overflow:hidden}.chart-container:after{content:"";position:absolute;left:12px;right:12px;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#d4af3799,#3b82f666);opacity:.7}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(212,175,55,.15);background:#1f253380;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-bottom:12px}.toolbar-group{display:flex;align-items:center;gap:8px}.chip{padding:6px 12px;border-radius:999px;border:1px solid rgba(212,175,55,.25);background:#0f121899;color:#e5e7eb;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:all .2s ease}.chip:hover{transform:translateY(-1px);border-color:#ffd70080}.chip.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent;box-shadow:0 8px 14px #3b82f640}.menu-list{margin-top:8px}.qr-tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.filter-toolbar label{color:#f3f4f6}.chart-container h3{color:#f5f7fb;letter-spacing:.2px}.danger-card{background:linear-gradient(180deg,#2b0f12,#3a1014);border:2px solid rgba(239,68,68,.85);padding:16px;border-radius:12px;color:#fecaca;box-shadow:0 8px 18px #00000059,inset 0 0 0 1px #ffffff0a}.danger-card .danger-desc{margin:0 0 12px}.danger-card .danger-label{display:block;font-weight:700;margin-bottom:6px;color:#ffe4e6}.danger-input{width:100%;max-width:700px;margin:0 auto;display:block;padding:10px 12px;border-radius:10px;border:2px solid rgba(255,99,132,.4);background:#ffffff0a;color:#fef2f2;outline:none;box-sizing:border-box}.danger-input:focus{border-color:#ff6384cc;box-shadow:0 0 0 3px #ff638433}.danger-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 20px;border-radius:10px;cursor:pointer;font-weight:800;font-size:.95em;margin-top:12px;width:100%;max-width:700px;margin-left:auto;margin-right:auto;display:block;box-sizing:border-box;box-shadow:0 10px 20px #ef444440}.danger-btn:hover{transform:translateY(-1px)}.warning-card{background:linear-gradient(180deg,#3f2a12,#4b2f12);border:2px solid #fdba74;padding:12px;border-radius:10px;margin-top:12px;color:#ffedd5;font-size:.9em}.qr-table-card{background:#1b1b1b;border:2px solid rgba(212,175,55,.35);border-radius:12px;padding:14px;box-shadow:0 6px 16px #0003}.qr-table-card h3{margin:0 0 8px}.qr-code-container{display:flex;align-items:center;justify-content:center}.qr-url{margin:8px 0 0}@media(max-width:900px){.admin-section{margin-bottom:16px;padding:18px 18px 18px 20px}}@media(max-width:640px){.admin-section{margin-bottom:12px;padding:14px 14px 14px 16px}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.gallery-grid .image-card{background:#151922;border:1px solid rgba(226,185,76,.25);border-radius:12px;padding:8px;display:grid;place-items:center}.gallery-grid .image-card img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.brand-logo-box{width:80px;height:80px;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0d1117}.gallery-item{position:relative;width:100%;border-radius:12px;border:2px solid rgba(212,175,55,.35);background-color:#0d1117;box-shadow:0 6px 14px #d4af371f;overflow:hidden}.gallery-item .btn-delete{position:absolute;top:8px;right:8px;padding:6px 8px;font-size:.9em;min-width:auto;border-radius:8px}.admin-section img{max-width:100%;height:auto;display:block}.input-file{padding:12px!important;border:2px dashed #D4AF37!important;background-color:#151922!important;color:#e5c158;border-radius:10px!important;cursor:pointer!important;transition:all .2s ease!important}.input-file:hover{background-color:#1f2533!important;transform:translateY(-1px)}@media(max-width:900px){.payment-row{grid-template-columns:1fr}}.inventory-recipes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.inventory-recipes .payment-col:first-child{grid-column:1 / -1}@media(max-width:900px){.inventory-recipes{grid-template-columns:1fr}}.update-history .inventory-table thead th:nth-child(1),.update-history .inventory-table tbody td:nth-child(1){width:34%}.update-history .inventory-table thead th:nth-child(2),.update-history .inventory-table tbody td:nth-child(2){width:16%}.update-history .inventory-table thead th:nth-child(3),.update-history .inventory-table tbody td:nth-child(3){width:34%}.update-history .inventory-table thead th:nth-child(4),.update-history .inventory-table tbody td:nth-child(4){width:16%}.update-history.inventory-table-wrap{padding:0 12px}.update-history{padding:12px 14px}.update-history .payment-label{margin-bottom:8px;display:inline-block}.update-history .inventory-table{margin-top:6px}.update-history .inventory-table tbody td:nth-child(1),.update-history .inventory-table tbody td:nth-child(3){word-break:break-word}.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)}.btn-pay-table:disabled{opacity:.5;cursor:not-allowed}.home-container{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a,#2d2d2d);position:relative;overflow-x:hidden}.home-content{z-index:2;width:100%;animation:fadeInUp .6s ease-out}.home-content.no-hero{padding-top:72px}.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 slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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}}.navbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:4px solid #D4AF37;z-index:10}.nav-brand{color:#d4af37;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:10px}.nav-brand a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.nav-logo{width:150px;height:auto;-o-object-fit:contain;object-fit:contain}.nav-title{font-size:20px}.nav-links{display:flex;align-items:center;gap:0}.nav-links a{color:#111;text-decoration:none;opacity:.95;font-weight:700}.nav-links a:not(.social-link){display:inline-flex;align-items:center;padding:12px 14px;border-right:1px solid rgba(0,0,0,.25);background:transparent;position:relative;overflow:hidden;border-radius:8px 0 0 8px;transition:color .2s ease,background .25s ease,transform .2s ease,box-shadow .25s ease,border-color .25s ease}.nav-links a:not(.social-link):after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:3px;background:linear-gradient(90deg,#d4af37,gold);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;border-radius:3px}.nav-links a:not(.social-link):hover{background:linear-gradient(180deg,#d4af3747,#d4af3724);color:#000;transform:translateY(-1px);border-color:#d4af3799;box-shadow:0 6px 20px #d4af3740}.nav-links a:not(.social-link):hover:after,.nav-links a:not(.social-link):focus-visible:after{transform:scaleX(1)}.nav-links a:hover{color:gold}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #D4AF37;color:#d4af37;background:transparent;border-radius:8px;font-weight:900;cursor:pointer}.mobile-menu-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.mobile-menu-panel{position:absolute;top:60px;right:12px;background:#111;border:2px solid #D4AF37;border-radius:12px;padding:12px;width:240px;box-shadow:0 20px 40px #00000059}.mobile-menu-panel a{display:block;padding:10px 12px;color:#fff;text-decoration:none;font-weight:700;border-radius:8px}.mobile-menu-panel a:hover{background:#d4af3726;color:gold}.social-link{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;text-decoration:none;color:#fff;transition:all .2s ease}.social-link:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 18px #00000040}.social-link svg{width:9px;height:9px}.social-link.fb{background:#1877f2}.social-link.fb:hover{box-shadow:0 8px 18px #1877f259}.social-link.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-link.ig:hover{box-shadow:0 8px 18px #dd2a7b59}.social-link.tk{background:#000}.social-link.tk:hover{box-shadow:0 8px 18px #00000059}.social-link.th{background:#000}.social-link.th:hover{box-shadow:0 8px 18px #00000059}.social-link.yt{background:red}.social-link.yt:hover{box-shadow:0 8px 18px #ff000059}.social-link.x{background:#000}.social-link.x:hover{box-shadow:0 8px 18px #00000059}.nav-cta{padding:8px 12px;border-radius:8px;border:1px solid #D4AF37;background:transparent;color:#d4af37;font-weight:700;cursor:pointer}.nav-cta:hover{border-color:gold;color:gold}.hero-section{width:100%;min-height:88vh;padding:120px 20px 60px;background:linear-gradient(180deg,#0000008c,#000000b3),url(/site-images/1000124973-1773338406106-233138414.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center}.hero-inner{max-width:1000px;width:90%;text-align:left}.hero-eyebrow{color:gold;font-weight:700;margin-bottom:12px;letter-spacing:.5px}.hero-title{color:#fff;font-size:52px;font-weight:900;line-height:1.1;margin:0 0 12px}.hero-sub{color:#e5e7eb;font-size:18px;max-width:760px;margin-bottom:20px}.hero-ctas{display:flex;gap:12px}.btn-primary{background:linear-gradient(135deg,#d4af37,gold);color:#000;border:none;padding:12px 16px;font-weight:800;border-radius:10px;cursor:pointer}.btn-secondary{background:transparent;color:#d4af37;border:2px solid #D4AF37;padding:12px 16px;font-weight:800;border-radius:10px;cursor:pointer}.btn-primary:hover{box-shadow:0 8px 20px #d4af3759}.btn-secondary:hover{border-color:gold;color:gold}.section{padding:60px 20px}.section-inner{max-width:1100px;width:92%;margin:0 auto;text-align:left}.section-title{color:#d4af37;font-weight:900;margin-bottom:14px;font-size:28px}.section-text{color:#fff;opacity:.95;margin-bottom:22px;white-space:pre-line}.story-section .story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:stretch}.story-photo{width:100%;height:100%;min-height:280px;border-radius:14px;border:2px solid #D4AF37;background:linear-gradient(180deg,#00000080,#000000b3),url(/site-images/kisah-petaxcoffee-1774545313107-319964324.png) center/cover no-repeat}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #D4AF37;border-radius:14px;padding:18px;text-align:center;color:#fff}.feature-ico{font-size:24px;display:inline-block;margin-bottom:6px}.feature-title{font-weight:800;color:#d4af37}.feature-desc{opacity:.9;font-size:14px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #D4AF37;border-radius:14px;padding:18px;color:#fff;text-align:center}.product-thumb{font-size:42px;margin-bottom:8px}.product-name{font-weight:800;color:#d4af37}.product-desc{opacity:.9}.section-ctas{margin-top:16px}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promo-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #D4AF37;border-radius:14px;padding:18px;color:#fff;position:relative;overflow:hidden}.promo-badge{position:absolute;top:12px;right:12px;background:#d4af37;color:#000;font-weight:800;padding:4px 8px;border-radius:6px}.promo-title{font-weight:900;color:#d4af37;margin-bottom:6px}.promo-desc{opacity:.9}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #D4AF37;border-radius:14px;padding:18px;color:#fff}.testimonial-name{font-weight:800;color:#d4af37;margin-bottom:6px}.testimonial-stars{color:#e5c158;font-weight:900;margin-bottom:6px;letter-spacing:1px}.testimonial-text{opacity:.95}.testimonial-avatar{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #D4AF37;margin-bottom:8px}.testimonial-avatar-fallback{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#111;border:2px solid #D4AF37;margin-bottom:8px;background:linear-gradient(135deg,gold,#d4af37 60%,#c49b2e)}@media(min-width:901px){.promo-grid{grid-template-columns:1fr}.promo-card{padding-top:2.2em}.promo-title{padding-right:8em}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.gallery-item{border-radius:10px;border:2px solid #2d2d2d;overflow:hidden;background:transparent}.gallery-section .gallery-grid{display:block;-moz-column-count:4;column-count:4;-moz-column-gap:14px;column-gap:14px}.gallery-section .gallery-item{display:inline-block;width:100%;margin:0 0 14px;border-radius:10px;border:1px solid rgba(0,0,0,.2);background:#fefcf5;box-shadow:0 6px 18px #00000040;padding:8px;position:relative}.gallery-section .gallery-item:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-3deg);width:70px;height:16px;background:#d4af377a;box-shadow:0 2px 6px #00000026;border-radius:4px}.gallery-section .gallery-item:nth-child(4n+1){transform:rotate(-.6deg)}.gallery-section .gallery-item:nth-child(4n+2){transform:rotate(.4deg)}.gallery-section .gallery-item:nth-child(4n+3){transform:rotate(-.3deg)}.gallery-section .gallery-item:nth-child(4n+4){transform:rotate(.6deg)}.gallery-section .gallery-img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;background:#fff;border-radius:6px}.lightbox-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.lightbox-inner{max-width:92vw;max-height:92vh;position:relative}.lightbox-img{max-width:92vw;max-height:92vh;border-radius:10px;box-shadow:0 12px 40px #00000073;display:block}.lightbox-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border-radius:50%;border:2px solid #D4AF37;background:#111;color:#d4af37;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer}.gi-1{background-image:url(/site-images/images-1772723949990-960487026.jpg),linear-gradient(135deg,#1a1a1a,#2d2d2d)}.gi-2{background-image:url(/site-images/images-1772732184287-332850670.jpg),linear-gradient(135deg,#1a1a1a,#2d2d2d)}.gi-3{background-image:url(/site-images/images-1772732211632-545027438.jpg),linear-gradient(135deg,#1a1a1a,#2d2d2d)}.gi-4{background-image:url(/site-images/1000124974-1773338405850-325951592.jpg),linear-gradient(135deg,#1a1a1a,#2d2d2d)}.gi-5{background-image:url(/site-images/coffee-beans-1772732138106-355767442.png),linear-gradient(135deg,#1a1a1a,#2d2d2d)}.gi-6{background-image:url(/site-images/coffee-beans-1772732201912-764085964.png),linear-gradient(135deg,#1a1a1a,#2d2d2d)}.locations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.location-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #D4AF37;border-radius:14px;padding:18px;color:#fff}.location-map{position:relative;width:100%;padding-top:56.25%;border-radius:10px;overflow:hidden;margin-bottom:10px;border:1px solid rgba(212,175,55,.35);box-shadow:inset 0 0 0 1000px #0000000d}.location-map iframe{position:absolute;inset:0;width:100%;height:100%}.location-name{font-weight:800;color:#d4af37;margin-bottom:4px}.location-addr{opacity:.9;margin-bottom:8px}.btn-link{color:#d4af37;text-decoration:none;font-weight:700}.btn-link:hover{color:gold}.btn-map{display:inline-flex;align-items:center;gap:8px;position:relative;padding:10px 38px;border:2px solid #D4AF37;border-radius:14px;background:linear-gradient(135deg,gold,#d4af37 60%,#c49b2e);color:#111;font-weight:900;text-decoration:none;box-shadow:0 6px 18px #d4af3759;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.btn-map:before{content:"📍";position:absolute;left:12px;font-size:16px;transform:rotate(-8deg);animation:mapPinBounce 1.8s ease-in-out infinite}.btn-map:after{content:"↗";position:absolute;right:12px;font-size:14px;opacity:0;transform:translate(-6px);transition:transform .2s ease,opacity .2s ease}.btn-map:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 10px 28px #d4af3773;filter:saturate(1.1)}.btn-map:hover:after{opacity:1;transform:translate(0)}.btn-map:active{transform:translateY(0)}@keyframes mapPinBounce{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-2px) rotate(-8deg)}}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #D4AF37;border-radius:14px;padding:18px;color:#fff}.contact-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.contact-row a{color:#fff;text-decoration:none}.contact-row a:hover{color:gold}.site-footer{border-top:1px solid rgba(212,175,55,.25);padding:20px;margin-top:20px}.footer-inner{max-width:1100px;width:92%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-logo{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.footer-brand{display:flex;align-items:center;gap:8px;color:#d4af37;font-weight:800}.footer-links{display:flex;gap:12px}.footer-links a{color:#fff;text-decoration:none;opacity:.9}.footer-links a:hover{color:gold}@media(max-width:900px){.features-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.promo-grid,.story-section .story-grid{grid-template-columns:1fr}.story-photo{height:220px;min-height:220px}.gallery-section .gallery-grid{-moz-column-count:3;column-count:3}.locations-grid,.contact-grid{grid-template-columns:1fr}.hero-title{font-size:40px}.hero-ctas{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.nav-links a{display:none}.nav-links .social-link{display:inline-flex}.nav-logo{width:100px;height:auto}.mobile-menu-btn{display:inline-flex}.gallery-grid{grid-template-columns:repeat(3,1fr)}.testimonials-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 8px 8px;-webkit-overflow-scrolling:touch}.testimonials-grid::-webkit-scrollbar{display:none}.testimonial-card{min-width:calc(100% - 24px);flex:0 0 auto;scroll-snap-align:start}.gallery-section .gallery-grid{-moz-column-count:1;column-count:1}.testi-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.testi-dot{width:8px;height:8px;border-radius:50%;border:1px solid #D4AF37;background:#d4af3759;padding:0}.testi-dot.active{background:#d4af37}}.wa-float{position:fixed;right:-30px;bottom:-37px;width:200px;height:200px;z-index:10000;display:inline-flex;align-items:center;justify-content:center;border-radius:0;box-shadow:none;background:transparent;transition:transform .2s ease,box-shadow .2s ease}.wa-float img{width:200px;height:200px;display:block;-o-object-fit:contain;object-fit:contain;padding:0;border-radius:0;transform-origin:50% 85%;animation:waFloat 3.2s ease-in-out infinite}.wa-float:hover{transform:translateY(-2px) scale(1.05);box-shadow:none}.wa-float:hover img{animation:waHover .9s cubic-bezier(.2,.7,.2,1.1) both}.wa-float:after{content:none;display:none}@keyframes waPulse{0%{transform:scale(.9);opacity:.7}70%{transform:scale(1.2);opacity:0}to{transform:scale(1.2);opacity:0}}@keyframes waFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-1.2deg)}}@keyframes waHover{0%{transform:translateY(0) scale(1) rotate(0)}40%{transform:translateY(-4px) scale(1.06) rotate(2deg)}70%{transform:translateY(0) scale(1.03) rotate(-1deg)}to{transform:translateY(0) scale(1) rotate(0)}}@media(min-width:901px){.wa-float{width:280px;height:280px;right:-30px;bottom:-7px;border-radius:0}.wa-float img{width:280px;height:280px;border-radius:0;-o-object-fit:contain;object-fit:contain;padding:0}.wa-float:after{display:none;content:none}}.customer-footer{background:#111;color:#888;padding:40px 20px;text-align:center;border-top:1px solid #333;margin-top:auto;width:100%}.footer-content{max-width:800px;margin:0 auto 30px}.footer-content h3{color:#d4af37;font-size:1.2em;margin-bottom:15px}.footer-content p{margin-bottom:20px;line-height:1.6}.social-links{margin-top:18px;display:flex;justify-content:center;gap:10px}.social-link{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;color:#fff;text-decoration:none;background:#222;transition:all .2s ease}.social-link svg{width:13px;height:13px}.social-link:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 20px #00000040}.social-link.fb{border-color:#1877f2;color:#1877f2;background:#1877f2;color:#fff}.social-link.fb:hover{box-shadow:0 10px 20px #1877f259}.social-link.ig{border-color:#e1306c;color:#e1306c;background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff}.social-link.ig:hover{box-shadow:0 10px 20px #dd2a7b59}.social-link.tk{border-color:#000;color:#000;background:#000;color:#fff}.social-link.tk:hover{box-shadow:0 10px 20px #00000059}.social-link.th{border-color:#000;color:#000;background:#000;color:#fff}.social-link.th:hover{box-shadow:0 10px 20px #00000059}.social-link.yt{background:red;color:#fff}.social-link.yt:hover{box-shadow:0 10px 20px #ff000059}.social-link.x{background:#000;color:#fff}.social-link.x:hover{box-shadow:0 10px 20px #00000059}.footer-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.footer-tag{background:#ffffff1a;padding:5px 12px;border-radius:15px;font-size:.9em;color:#ccc}.footer-copyright{font-size:.9em;border-top:1px solid #222;padding-top:20px;color:#666}.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}.header-right{display:flex;align-items:center;gap:12px}.table-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:2px solid #D4AF37;border-radius:999px;background:linear-gradient(135deg,#d4af371f,#d4af370d);color:gold;font-weight:800;letter-spacing:.3px;white-space:nowrap}.ti-emoji{opacity:.95}.ti-text{color:gold}.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: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{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.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.5em;margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:10px;color:#d4af37}.menu-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.menu-button-full{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:15px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;height:100%;text-align:center}.menu-button-full:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 20px #0000004d;border-color:#d4af37}.menu-button-full-image{width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;margin-bottom:15px;background:#0003}.menu-button-full-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.menu-button-full:hover .menu-button-full-image img{transform:scale(1.1)}.menu-button-full .name{font-size:1.1em;font-weight:600;color:#fff;margin-bottom:8px;line-height:1.3}.menu-button-full .price{font-size:1.2em;font-weight:700;color:#d4af37;margin-bottom:15px}.menu-button-full .add-btn{background:#d4af37;color:#000;width:100%;padding:10px;border-radius:8px;font-weight:600;margin-top:auto;transition:all .2s ease}.menu-button-full:hover .add-btn{background:#f4c430;transform:scale(1.02)}.menu-badge{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2em;z-index:2;box-shadow:0 2px 5px #0000004d}.menu-badge.pop{background:#ff4d4d;color:#fff}.menu-badge.fav{background:gold;color:#000}.cart-preview{position:fixed;bottom:30px;right:30px;background:#d4af37;padding:15px 25px;border-radius:50px;box-shadow:0 10px 30px #0006;display:flex;align-items:center;gap:20px;z-index:100;animation:slideUp .3s ease-out;cursor:pointer;transition:all .3s ease}.cart-preview:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #d4af3766}.cart-count{font-weight:700;color:#000;font-size:1.1em}.btn-checkout-preview{background:#000;color:#d4af37;border:none;padding:10px 20px;border-radius:30px;font-weight:600;cursor:pointer}.checkout-step{display:flex;flex-direction:column;gap:30px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:30px}.customer-info-section,.order-summary-section{background:#ffffff0d;padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.customer-info-section h3,.order-summary-section h3{color:#d4af37;margin-top:0;margin-bottom:25px;font-size:1.5em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#fffc;margin-bottom:8px;font-weight:500}.form-input,.form-textarea{width:100%;box-sizing:border-box;padding:12px 15px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1em;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:#d4af37;outline:none;background:#00000080}.order-items-summary{max-height:300px;overflow-y:auto;margin-bottom:20px;padding-right:10px}.summary-item{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05)}.summary-name{color:#fff;font-weight:600}.summary-price{color:#d4af37;font-weight:700}.order-summary-total{display:flex;justify-content:space-between;padding-top:20px;border-top:2px solid rgba(255,255,255,.1);font-size:1.3em;font-weight:800;color:#fff}.amount{color:#d4af37}.checkout-actions{display:flex;justify-content:space-between;gap:15px;margin-top:30px}.btn-back-checkout,.btn-back-payment{background:#ffffff0d;color:#aaa;border:1px solid rgba(255,255,255,.1);padding:15px 25px;border-radius:12px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;display:flex;align-items:center;justify-content:center}.btn-back-checkout:hover,.btn-back-payment:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.btn-continue-payment{background:linear-gradient(135deg,#d4af37,#f4c430);color:#000;border:none;padding:15px 25px;border-radius:12px;font-size:1em;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d4af3733;flex:1.5;display:flex;align-items:center;justify-content:center}.btn-continue-payment:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4af3766;filter:brightness(1.1)}.btn-secondary{background:#ffffff1a;color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#fff3}.btn-primary{background:#d4af37;color:#000;border:none;padding:15px 40px;border-radius:12px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #d4af374d}.btn-primary:hover{background:#f4c430;transform:translateY(-2px);box-shadow:0 8px 25px #d4af3766}.payment-step{text-align:center;max-width:700px;margin:0 auto;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border:2px solid rgba(212,175,55,.3);border-radius:18px;padding:24px;box-shadow:0 16px 40px #d4af372e}.payment-step h3{margin:0;font-size:1.6em;color:#d4af37;letter-spacing:.5px}.payment-methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:40px 0}.payment-method-btn{background:#ffffff0f;border:1px solid rgba(212,175,55,.25);border-radius:16px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-weight:600;cursor:pointer;outline:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 8px 22px #00000040}.payment-method-btn:hover{transform:translateY(-4px);box-shadow:0 14px 30px #d4af3740;border-color:#d4af37}.payment-method-btn:focus-visible{outline:2px solid #D4AF37;outline-offset:2px}.payment-method-btn.active{background:linear-gradient(135deg,#d4af3740,#d4af371f);border-color:#d4af37;box-shadow:0 16px 36px #d4af3759;transform:translateY(-2px)}.payment-method-btn .method-icon{font-size:2.3em}.payment-method-btn .method-name{font-size:1.05em;color:#fff;font-weight:700}.payment-method-btn .method-desc{font-size:.9em;color:#ffffffbf}.payment-method-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:30px 20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:15px}.payment-method-card.active{background:#d4af371a;border-color:#d4af37;transform:translateY(-5px)}.payment-icon{font-size:3em}.payment-label{font-size:1.2em;font-weight:600;color:#fff}.payment-actions{display:flex;justify-content:center;gap:20px;margin-top:10px}.confirmation-step{display:flex;justify-content:center;align-items:center;min-height:60vh}.canceled-banner{display:flex;justify-content:center;align-items:center;width:100%}.canceled-content{width:100%;max-width:560px;background:linear-gradient(135deg,#ef44441a,#f59e0b14);border:2px solid rgba(239,68,68,.65);border-radius:18px;padding:20px;display:grid;grid-template-columns:auto 1fr;gap:14px 16px;color:#fff;box-shadow:0 16px 36px #ef444433;position:relative;overflow:hidden;animation:canceledGlow 3.2s ease-in-out infinite}.canceled-content:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 0%,rgba(212,175,55,.08) 40%,rgba(212,175,55,.16) 50%,rgba(212,175,55,.08) 60%,transparent 100%);transform:translate(-120%);animation:sheenSweep 6s linear infinite;pointer-events:none}.canceled-icon{font-size:2.6em;line-height:1;filter:drop-shadow(0 6px 12px rgba(239,68,68,.35))}.canceled-text{display:flex;flex-direction:column;gap:6px}.canceled-text h3{margin:0;font-size:1.4em;color:#f87171}.canceled-text .muted{margin:0;font-size:.95em;color:#fffc}.canceled-actions{grid-column:1 / -1;display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;font-size:.95em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.confirmation-card{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;padding:36px;border-radius:22px;text-align:center;max-width:500px;width:100%;border:2px solid rgba(212,175,55,.35);box-shadow:0 18px 48px #d4af372e,0 6px 18px #0006;animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55)}.confirmation-icon{font-size:5em;margin-bottom:20px;animation:bounce 1s infinite;filter:drop-shadow(0 6px 12px rgba(212,175,55,.25))}.confirmation-card h2{font-size:2em;margin-bottom:10px;color:#d4af37;letter-spacing:.3px}.order-id{font-size:1.2em;color:#ffffffe6;margin-bottom:22px;display:inline-block;padding:6px 12px;border-radius:10px;background:#d4af371f;border:1px solid rgba(212,175,55,.35)}.confirmation-details{background:linear-gradient(135deg,#d4af3714,#d4af3708);padding:18px;border-radius:16px;margin-bottom:22px;border:1px solid rgba(212,175,55,.35)}.detail-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:1.05em;color:#ffffffd9}.detail-row:last-child{margin-bottom:0;padding-top:12px;border-top:1px solid rgba(212,175,55,.3);font-weight:700}.confirmation-message p{color:#ffffffe0;margin:6px 0}.btn-new-order{background:linear-gradient(135deg,#d4af37,#f4c430);color:#000;border:none;padding:14px 28px;border-radius:12px;font-size:1em;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 5px 15px #d4af374d}.btn-new-order:hover{transform:translateY(-2px);box-shadow:0 10px 24px #d4af3766;filter:brightness(1.06)}.btn-home{background:#1a1a1a;color:#fff;border:none;padding:15px 40px;border-radius:50px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-home:hover{background:#333;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100px)}to{transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes canceledGlow{0%,to{box-shadow:0 16px 36px #ef444438,0 6px 18px #00000059;border-color:#ef4444a6}50%{box-shadow:0 20px 44px #f59e0b59,0 8px 22px #0006;border-color:#f59e0bd9}}@keyframes sheenSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@media(max-width:768px){.canceled-content{grid-template-columns:1fr;gap:10px;max-width:520px}.canceled-icon{font-size:2.2em}.canceled-actions{justify-content:stretch}.canceled-actions button{flex:1}.canceled-actions .btn-ghost,.canceled-actions .btn-primary{padding:10px 12px;font-size:.9em;border-radius:8px}.customer-header{flex-direction:column;padding:20px;gap:15px;text-align:center}.header-content{flex-direction:column;gap:15px}.two-column,.payment-methods-grid{grid-template-columns:1fr}.menu-badge{top:6px;right:6px;width:28px;height:18px;border-radius:9999px;font-size:.8em;box-shadow:0 1px 3px #00000040}.cart-preview{position:fixed;left:50%;right:auto;bottom:env(safe-area-inset-bottom,0);width:calc(100% - 32px);max-width:480px;transform:translate(-50%);border-radius:18px 18px 0 0;padding:10px 12px;justify-content:space-between;align-items:center;z-index:10000;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border:2px solid #D4AF37;box-shadow:0 -6px 22px #d4af372e,0 -2px 8px #0006;gap:10px}.cart-preview .cart-count{color:#fff;font-weight:700;font-size:.9em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-total{display:flex;flex-direction:column;gap:2px}.cart-total-label{color:#d4af37;font-weight:800;letter-spacing:.12em;font-size:.75em;opacity:.9}.cart-total-amount{color:#d4af37;font-weight:900;font-size:1.15em;line-height:1}.btn-view-cart{background:transparent;color:#d4af37;border:2px solid #D4AF37;padding:8px 12px;border-radius:9999px;font-weight:800;flex-shrink:0;white-space:nowrap;box-shadow:0 6px 16px #d4af372e;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn-view-cart:hover{background:linear-gradient(135deg,#d4af37,#f4c430);color:#000;transform:translateY(-1px);box-shadow:0 10px 24px #d4af3759}.confirmation-card{padding:26px 18px;border-radius:18px}.order-id{font-size:1.05em}.confirmation-card h2{font-size:1.6em}.menu-step{padding-bottom:calc(110px + env(safe-area-inset-bottom,0))}.checkout-step{padding-bottom:calc(90px + env(safe-area-inset-bottom,0))}.customer-info-section,.order-summary-section{padding:20px 15px;margin-bottom:15px}.form-group{margin-bottom:15px}.form-input,.form-textarea{font-size:16px;padding:12px}.menu-grid-full{grid-template-columns:repeat(3,1fr);gap:10px}.menu-button-full{padding:8px;border-radius:10px}.menu-button-full .name{font-size:.85em;margin-bottom:4px;line-height:1.2;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-button-full .price{font-size:.95em;margin-bottom:8px}.menu-button-full .add-btn{padding:6px 4px;font-size:.85em}.menu-button-full-image{margin-bottom:8px;border-radius:8px}}@media(max-width:480px){.canceled-actions .btn-ghost,.canceled-actions .btn-primary{padding:8px 10px;font-size:.85em;border-radius:7px}.menu-badge{top:5px;right:5px;width:24px;height:16px;border-radius:9999px;font-size:.75em}.cart-preview{left:50%;right:auto;width:calc(100% - 24px);max-width:420px;transform:translate(-50%);padding:8px 10px;gap:8px;border-radius:12px 12px 0 0}.cart-preview .cart-count{font-size:.82em}.btn-view-cart{padding:8px 10px;font-size:.85em;border-radius:10px}.cart-total-amount{font-size:1.05em}.menu-step{padding-bottom:calc(96px + env(safe-area-inset-bottom,0))}.checkout-step{padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}}