@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap);svg{display:inline-block;vertical-align:middle}[role=button],a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{background:#f8f9fa;font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;padding:0}h1,h2,h3{color:#b85c38;font-family:Poppins,sans-serif;font-weight:600;text-align:center}.kiosk-container h1{font-size:35px;font-weight:700;margin:0 12px}.kiosk-container h2{font-size:25px;font-weight:600;margin-top:-5px}.kiosk-container h3{font-family:Poppins,sans-serif;font-weight:600}.kiosk-container form{animation:fadeIn .5s ease;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:32px auto;max-width:1200px;padding:24px 32px}.menu-header{margin:10px 0;padding:20px 0 0}.menu-header,.menu-header h1{position:relative;text-align:center;z-index:1}.menu-header h1{color:#b85c38;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin-bottom:30px;text-shadow:0 2px 4px #0000001a}.menu-header h1:after{background:linear-gradient(90deg,#b85c38,#d4722a,#b85c38);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.menu-subtitle{color:#666;font-family:Inter,sans-serif;font-size:1.2rem;font-style:italic;margin-top:25px;position:relative;z-index:1}.floating-cart{align-items:center;animation:bounce 2s infinite;background:#b85c38;border-radius:50px;bottom:40px;box-shadow:0 4px 20px #b85c384d;color:#fff;cursor:pointer;display:flex;gap:15px;padding:15px 20px;position:fixed;right:20px;transition:all .3s ease;z-index:999}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.floating-cart:hover{background:#a14d2c;transform:scale(1.05)}.floating-cart.hidden{opacity:0;pointer-events:none;transform:scale(.8)}@media (max-width:480px){.floating-cart{animation:bounce-center 2s infinite;bottom:24px;left:50%;right:auto;transform:translateX(-50%)}@keyframes bounce-center{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}}.cart-icon{font-size:1.5rem;justify-content:center}.cart-icon,.cart-info{align-items:center;display:flex}.cart-info{gap:15px}.cart-count{align-items:center;background:#fff;border-radius:50%;color:#b85c38;display:flex;font-size:1.1rem;font-weight:700;height:26px;justify-content:center;width:26px}.cart-count,.view-cart-text{font-family:Poppins,sans-serif}.view-cart-text{color:#fff;font-size:1rem;font-weight:600}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cart-summary-header{align-items:center;border-bottom:2px solid #f3e9e3;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.cart-summary h3{color:#b85c38;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700;margin:0}.cart-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#b85c38;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:35px;justify-content:center;padding:5px;transition:all .3s ease;width:35px}.cart-close-btn:hover{background:#f3e9e3;color:#a14d2c;transform:scale(1.1)}.cart-items-container{margin-bottom:3px;max-height:300px;overflow-y:auto}.cart-item{align-items:center;background:#f8f9fa;border-left:4px solid #b85c38;border-radius:8px;display:flex;font-family:Inter,sans-serif;font-size:.95rem;gap:10px;justify-content:space-between;margin-bottom:12px;padding:12px}.cart-item-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.cart-item-name{color:#333;font-weight:600;margin-bottom:2px}.cart-item-options{color:#666;font-size:.8rem;font-style:italic;margin:2px 0 0 8px}.cart-item-price{align-self:center;background:#b85c381a;border-radius:6px;color:#b85c38;font-size:.9rem;font-weight:700;padding:4px 8px;white-space:nowrap}.cart-item-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.cart-quantity-btn{align-items:center;border:2px solid;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.cart-quantity-btn:hover{transform:scale(1.1)}.cart-minus-btn{background:#dc3545;border-color:#dc3545}.cart-minus-btn:hover{background:#c82333;border-color:#c82333}.cart-plus-btn{background:#28a745;border-color:#28a745}.cart-plus-btn:hover{background:#218838;border-color:#218838}.cart-quantity-display{color:#333;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;min-width:20px;text-align:center}.cart-arrow{display:none}.cart-summary{animation:slideUpFromBottom .3s ease;background:#fff;border:2px solid #b85c38;border-radius:16px;bottom:50px;box-shadow:0 12px 40px #0003;left:20px;margin:0 auto;max-width:400px;padding:20px;position:fixed;right:20px;z-index:1000}.cart-total-line{align-items:center;border-top:2px solid #f3e9e3;display:flex;gap:8px;justify-content:space-between;margin-top:3px;padding-top:15px}.cart-total-amount{background:#28a7451a;border:2px solid #28a745;border-radius:8px;box-shadow:0 2px 8px #28a74533;color:#28a745;font-size:1.1rem;padding:8px 14px;text-align:center}.cart-checkout-btn,.cart-total-amount{flex:1 1;font-family:Poppins,sans-serif;font-weight:700;min-width:0;white-space:nowrap}.cart-checkout-btn{align-items:center;background:#b85c38;border:2px solid #b85c38;border-radius:8px;box-shadow:0 2px 8px #b85c3833;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:6px;justify-content:center;padding:10px 20px;transition:all .3s ease}.cart-checkout-btn:hover{background:#a14d2c;box-shadow:0 4px 12px #b85c384d;transform:translateY(-1px)}@media (max-width:480px){.cart-total-line{gap:6px}.cart-total-amount{font-size:.95rem;padding:6px 10px}.cart-checkout-btn{font-size:.85rem;padding:8px 12px}}@media (max-width:360px){.cart-total-amount{font-size:.85rem;padding:5px 8px}.cart-checkout-btn{font-size:.75rem;padding:6px 10px}}.menu-categories{margin-bottom:40px}.search-no-results{color:#7f8c8d;font-family:Poppins,sans-serif;font-size:1rem;padding:48px 20px;text-align:center}.search-no-results strong{color:#b85c38}.category-section,.category-title{margin-bottom:50px}.category-title{color:#b85c38;font-family:Poppins,sans-serif;font-size:1.8rem;position:relative;text-align:center}.category-title:after{background:#b85c38;border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.menu-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;margin:30px 0}@media (max-width:880px){.menu-grid{gap:15px!important;grid-template-columns:repeat(2,1fr)!important;margin:20px 0!important}.kiosk-container .menu-item-card{max-width:100%!important;width:100%!important}.kiosk-container .menu-item-image{height:150px!important}.kiosk-container .menu-item-name{font-size:1.1rem!important}.kiosk-container .menu-item-description{font-size:.85rem!important;line-height:1.3!important}.kiosk-container .menu-item-price{font-size:1rem!important;padding:3px 10px!important}.kiosk-container .menu-item-content{padding:12px!important}}@media (max-width:400px){.menu-grid{gap:10px!important}.kiosk-container .menu-item-image{height:120px!important}.kiosk-container .menu-item-name{font-size:1rem!important}.kiosk-container .menu-item-description{font-size:.8rem!important}.category-title{font-size:1.8rem!important}}.kiosk-container .menu-item-card{background:#fff;border:0!important;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%;max-width:350px!important;overflow:hidden;padding:0;position:relative;text-align:center;transition:all .3s ease;width:100%}.kiosk-container .menu-item-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.kiosk-container .menu-item-card.has-items{border:2px solid #b85c38;box-shadow:0 8px 30px #b85c3833}.kiosk-container .menu-item-image-container{border-radius:16px 16px 0 0;overflow:hidden;position:relative}.kiosk-container .menu-item-image{height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.kiosk-container .menu-item-card:hover .menu-item-image{transform:scale(1.05)}@media (hover:none) and (pointer:coarse){.kiosk-container .menu-item-card:hover{box-shadow:0 4px 20px #00000014;transform:none}.kiosk-container .menu-item-card.has-items:hover{box-shadow:0 8px 30px #b85c3833}.kiosk-container .menu-item-card:hover .menu-item-image{transform:none}}.item-badge{align-items:center;background:#b85c38;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.kiosk-container .menu-item-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.item-header{align-items:center;display:flex;gap:5px;justify-content:space-between;min-height:40px}.kiosk-container .menu-item-name{align-items:center;color:#333;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0;min-height:2.6rem;text-align:left}.kiosk-container .menu-item-price{align-items:center;background:#f3e9e3;border-radius:20px;color:#b85c38;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700;padding:5px 12px}.kiosk-container .menu-item-description{color:#666;flex-grow:0;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.4;margin-bottom:20px;min-height:2.8rem;text-align:center}.quantity-controls{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:auto}@media (max-width:880px){.quantity-controls{gap:12px}.quantity-btn{font-size:18px;height:36px;min-height:36px;min-width:36px;width:36px}}.quantity-btn{align-items:center;border:2px solid #ddd;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.quantity-btn:hover{transform:scale(1.1)}.quantity-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.quantity-btn-minus{background:#dc3545;border-color:#dc3545}.quantity-btn-minus:hover:not(:disabled){background:#c82333}.quantity-btn-plus{background:#28a745;border-color:#28a745}.quantity-btn-plus:hover{background:#218838}.quantity-display{color:#333;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;min-width:30px;text-align:center}.kiosk-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;height:100%;justify-content:center;left:0;min-height:100vh;min-height:-webkit-fill-available;overflow:hidden!important;position:fixed;top:0;transition:background .45s ease,-webkit-backdrop-filter .45s ease;transition:background .45s ease,backdrop-filter .45s ease;transition:background .45s ease,backdrop-filter .45s ease,-webkit-backdrop-filter .45s ease;width:100%;z-index:1000}.kiosk-modal-overlay.closing{-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important;background:#0000!important;pointer-events:none!important}.kiosk-modal-content{border:3px solid #b85c38;max-height:80vh!important;max-width:500px;overflow-y:auto!important;padding:25px}@keyframes modalSlide{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownSheet{0%{transform:translateY(0)}to{transform:translateY(100%)}}.kiosk-modal-content h2{color:#b85c38;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin-bottom:8px;margin-top:5px}.modal-buttons{border-top:1px solid #e0e0e0;display:flex;gap:12px;padding-top:16px}.modal-buttons,.modal-buttons.single-button{margin-top:20px}.modal-buttons.single-button .modal-add-button{font-size:1rem;padding:12px 20px}.modal-add-button,.modal-cancel-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;padding:10px 18px;transition:all .2s ease}.modal-cancel-button{background:#dc3545;color:#fff}.modal-cancel-button:hover{background:#c82333;transform:translateY(-1px)}.modal-add-button{background:#28a745;color:#fff}.modal-add-button:disabled{background:#c8c8c8;box-shadow:none;color:#6b6b6b;cursor:not-allowed;opacity:1;transform:none}.modal-add-button:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.modal-item-image-container{border-radius:16px 16px 0 0;line-height:0;margin:-30px -30px 16px;overflow:hidden}.modal-item-image{border:none;border-radius:0;box-shadow:none;display:block;height:240px;object-fit:cover;transition:none;width:100%}.modal-item-image:hover{box-shadow:none;transform:none}.kiosk-container input[type=text]{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;margin-bottom:18px;padding:15px;transition:all .3s ease;width:100%}.kiosk-container input[type=text]:focus{border-color:#b85c38;box-shadow:0 0 0 3px #b85c381a;outline:none;transform:translateY(-1px)}.kiosk-form button{background:#b85c38;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:12px;transition:all .3s ease}.kiosk-form button:hover{background:#a14d2c;transform:translateY(-1px)}.kiosk-container label{font-family:Inter,sans-serif;font-size:1rem;font-weight:500;margin-left:8px}.kiosk-container input[type=checkbox],.kiosk-container input[type=radio]{accent-color:#b85c38}.back-button-container{align-items:flex-start;display:flex;margin-bottom:0}.back-button{background:linear-gradient(135deg,#fff,#f8f9fa)!important;border:2px solid #b85c38!important;border-radius:50px!important;color:#b85c38!important;cursor:pointer!important;font-family:Poppins,sans-serif!important;font-size:1rem!important;font-weight:600!important;margin-top:0!important;overflow:hidden!important;padding:6px 16px!important;position:relative!important;transition:all .3s ease!important}.back-button:before{content:"←";font-size:1rem;margin-right:4px;position:relative}.back-button:hover{background:#b85c38!important;box-shadow:0 6px 20px #b85c384d!important;color:#fff!important;transform:translateY(-2px)!important}.order-card{animation:slideInUp .5s ease;background:linear-gradient(135deg,#f3e9e3,#f0e4d9);border:1px solid #b85c381a;border-radius:16px;box-shadow:0 8px 32px #b85c3826;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:500px;padding:24px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.order-title{color:#b85c38;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:0;position:relative;text-align:center}.order-title:after{background:#b85c38;border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.order-items-container{margin:0 auto;max-width:100%;width:100%}.order-items-list{list-style:none;margin:0;padding:0}.order-item{background:#fff9;border-left:4px solid #b85c38;border-radius:8px;font-family:Inter,sans-serif;font-size:1.1rem;margin-bottom:12px;padding:12px}.order-item:hover{background:#ffffffe6;transform:translateX(5px)}.order-item-content{align-items:flex-start;display:flex;flex-direction:column}.order-item-details{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.order-item-info{display:flex;flex:1 1;flex-direction:column;margin-right:15px}.order-item-name{color:#333;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:4px}.order-item-options{color:#666;font-family:Inter,sans-serif;font-size:.9rem;font-style:italic;font-weight:400;margin-left:16px;margin-top:4px}.order-item-price{background:#b85c381a;border-radius:6px;color:#b85c38;flex-shrink:0;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700;min-width:80px;padding:4px 8px;text-align:right;white-space:nowrap}.order-notes{background:#fffc;border-left:4px solid #28a745;border-radius:8px;font-size:1rem;font-weight:400;padding:12px}.tax-notice{color:#b85c38;font-size:.9rem;font-weight:600;margin-top:12px;opacity:.8;text-align:center}.name-input,.tax-notice{font-family:Inter,sans-serif}.name-input{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:12px!important;box-sizing:border-box;font-size:1.1rem!important;font-weight:400;margin-bottom:0!important;padding:10px!important;transition:all .3s ease;width:100%!important}.name-input:focus{border-color:#b85c38;box-shadow:0 0 0 4px #b85c381a;outline:none;transform:translateY(-2px)}.notes-textarea{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;margin-bottom:24px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.notes-textarea:focus{border-color:#b85c38;box-shadow:0 0 0 4px #b85c381a;outline:none;transform:translateY(-2px)}.order-button-container{margin:32px;text-align:center}.order-button{border-radius:50px;box-shadow:0 6px 20px #28a7454d;font-family:Poppins,sans-serif;font-size:1.3rem;overflow:hidden;padding:16px 48px;position:relative;transition:all .3s ease}.order-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.order-button:hover:before{left:100%}.order-button:hover{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 8px 25px #28a74566;transform:translateY(-3px)}.confirmation-container{animation:fadeIn .6s ease;font-family:Inter,sans-serif;margin-top:20px;text-align:center}.confirmation-container h2{color:#b85c38;font-size:1.5rem;margin-bottom:5px;position:relative}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.confirmation-divider{margin:0 32px}.confirmation-order-card{animation:slideInUp .5s ease .2s both;background:linear-gradient(135deg,#f3e9e3,#f0e4d9);border:1px solid rgba(158,59,20,.941);border-radius:16px;margin:32px auto 0;max-width:500px;padding:12px;text-align:left}.confirmation-order-title{color:#b85c38;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:0;position:relative;text-align:center}.confirmation-order-title:after{background:#b85c38;border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.confirmation-items-container{margin:0 auto;max-width:100%;text-align:left;width:100%}.confirmation-items-list{list-style:none;margin:0;padding:0}.confirmation-item{background:#fff9;border-left:5px solid #28a745;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;margin-bottom:12px;padding:5px 12px;text-align:left;transition:all .3s ease}.confirmation-item:hover{background:#ffffffe6;transform:translateX(5px)}.confirmation-item-content{align-items:flex-start;display:flex;flex-direction:column}.confirmation-item-details{align-items:center;display:flex;justify-content:space-between;width:100%}.confirmation-item-info{display:flex;flex:1 1;flex-direction:column;margin-right:15px}.confirmation-item-name{color:#333;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:1px}.confirmation-item-options{color:#666;font-family:Inter,sans-serif;font-size:.9rem;font-style:italic;font-weight:400;margin-left:16px;margin-top:4px}.confirmation-item-price{background:#28a7451a;border-radius:6px;color:#28a745;flex-shrink:0;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700;padding:4px 8px;text-align:right;white-space:nowrap}.confirmation-pricing-breakdown{background:#00000005;border-radius:8px;border-top:2px solid #b85c381a;font-family:Inter,sans-serif;margin:10px 0;padding:2px 12px}.pricing-row{align-items:center;color:#666;display:flex;font-size:1rem;justify-content:space-between;padding:8px 0}.pricing-row:not(:last-child){border-bottom:1px dashed #0000001a}.pricing-row span:first-child{font-weight:600}.pricing-row span:last-child{color:#333;font-weight:600}.pricing-row.tip-row{background:#b85c380d;border-radius:6px;color:#b85c38;font-weight:600;margin:4px -8px;padding:8px}.confirmation-total{animation:pulse 2s infinite;background:#28a7451a;border-radius:12px;color:#28a745;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;margin:5px;padding:4px 12px;text-align:center}.confirmation-notes{background:#fffc;border-left:4px solid #17a2b8;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;margin-top:16px;padding:12px}.confirmation-tax-notice{color:#b85c38;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;margin-top:12px;opacity:.8;text-align:center}.confirmation-details{margin:10px}.confirmation-details,.confirmation-name{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 2px 10px #0000001a;color:#333;display:inline-block;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:6px 24px}.confirmation-name{margin:8px}.confirmation-payment-notice{animation:slideInUp .5s ease .4s both;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:5px solid #b85c38;border-radius:12px;box-shadow:0 4px 15px #b85c3833;color:#b85c38;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin:32px auto;max-width:500px;padding:20px}.confirmation-payment-divider{margin:0 32px}.confirmation-payment-counter{animation:slideInUp .5s ease .2s both;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #f39c12;border-radius:16px;margin:32px auto;max-width:500px;padding:12px;text-align:center}@media (max-width:480px){.confirmation-payment-counter{margin:10px 32px}}.confirmation-counter-heading p{color:#f39c12;font-family:Poppins,sans-serif;font-size:20px;margin-bottom:12px}.confirmation-payment-counter p{color:#2c3e50;font-weight:600;margin:2px 0}.counter-payment-disclaimer{color:#7f8c8d;font-size:.85rem;font-style:italic;margin-top:12px}.another-order-container{font-family:Poppins,sans-serif;margin:0 32px!important;overflow:hidden;padding:0;position:relative}.another-order-button{background:linear-gradient(135deg,#28a745,#20c997);border:1px solid #28a745;border-radius:16px;box-shadow:0 4px 15px #28a74526;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;margin:32px 0!important;max-width:526px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease;width:100%}.another-order-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.another-order-button:hover:before{left:100%}.another-order-button:hover{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.spice-slider-container{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:15px;padding:15px;transition:all .3s ease}.spice-slider-container:hover{border-color:#b85c38;box-shadow:0 4px 12px #b85c3826}.spice-slider-label{color:#2c3e50;display:block;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:600;margin-bottom:12px;text-align:center}.spice-slider{appearance:none;background:linear-gradient(90deg,#ddd 0,#b85c38);border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;cursor:pointer;height:10px;outline:none;transition:all .3s ease;width:100%}.spice-slider:hover{box-shadow:inset 0 1px 3px #00000026,0 2px 8px #b85c3833}.spice-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #b85c38;border-radius:50%;box-shadow:0 2px 10px #b85c384d;cursor:pointer;height:28px;-webkit-transition:all .2s ease;transition:all .2s ease;width:28px}.spice-slider::-webkit-slider-thumb:hover{border-color:#d35400;box-shadow:0 4px 15px #b85c3880;transform:scale(1.15)}.spice-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.spice-slider::-moz-range-thumb{background:#fff;border:3px solid #b85c38;border-radius:50%;box-shadow:0 2px 10px #b85c384d;cursor:pointer;height:28px;-moz-transition:all .2s ease;transition:all .2s ease;width:28px}.spice-slider::-moz-range-thumb:hover{border-color:#d35400;box-shadow:0 4px 15px #b85c3880;transform:scale(1.15)}.spice-slider::-moz-range-thumb:active{transform:scale(1.05)}.spice-levels{color:#5a6c7d;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;margin-top:12px;padding:0 5px}.spice-levels span{transition:all .2s ease}.modal-options-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:10px}.option-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:0;padding:8px;transition:all .3s ease}.option-container:hover{background:#fff;border-color:#b85c38;transform:translateY(-1px)}.option-label{color:#333;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;gap:8px}.option-checkbox,.option-radio{accent-color:#b85c38;flex-shrink:0;height:18px;transform:scale(1.1);width:18px}.floating-index{animation:slideInFromLeft .5s ease;display:flex;flex-direction:column;gap:8px;left:20px;position:fixed;top:50%;transform:translateY(-50%);z-index:998}@keyframes slideInFromLeft{0%{opacity:0;transform:translateY(-50%) translateX(-100%)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.index-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:25px;box-shadow:0 4px 15px #0000001a;color:#666;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;gap:10px;min-width:100px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.index-item:before{background:linear-gradient(90deg,#0000,#b85c381a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.index-item:hover:before{left:100%}.index-item:hover{background:#b85c38f2;box-shadow:0 6px 20px #b85c384d;color:#fff;transform:translateX(5px) scale(1.05)}.index-item.active{background:linear-gradient(135deg,#b85c38,#a14d2c);border-color:#b85c38;box-shadow:0 8px 25px #b85c3866;color:#fff;transform:translateX(8px) scale(1.05)}.index-icon{flex-shrink:0;font-size:1.2rem}.index-text{flex-grow:1;font-weight:700;line-height:1.2;text-align:left;word-break:break-word}.index-count{align-items:center;background:#b85c38;border-radius:10px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;margin-left:6px;min-width:15px;padding:3px 6px}.index-item.active .index-count,.index-item:hover .index-count{background:#ffffffe6;color:#b85c38}@media (max-width:880px){.kiosk-container form{margin:0;padding:24px!important}.sticky-place-order{padding:0!important}.floating-index{animation:slideInFromTop .5s ease;flex-direction:row;gap:8px;justify-content:center;left:0;margin:0;max-width:none;padding:10px 20px;position:fixed;top:70px;transform:none;width:100%;z-index:998}.back-button-container{align-items:center;justify-content:left}.menu-header{margin-top:45px}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.index-item{background:#ffffffe6;border:1px solid #e9ecef;flex:1 1;flex-direction:column;gap:0;max-width:80px;min-width:auto;padding:8px 6px;text-align:center}.index-text{font-size:.8rem;text-align:center}.index-icon{font-size:1.1rem}.index-item.active,.index-item:hover{transform:translateY(-2px) scale(1.05)}.menu-categories{margin-top:20px}}@media (max-width:480px){.floating-index{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-radius:0;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;flex-wrap:nowrap;gap:4px;justify-content:center;left:0;overflow-x:auto;padding:8px 5px;top:67px;transform:none;width:100%}.index-item{background:#fff9;border:1px solid #b85c3833;box-shadow:none;flex:1 1 60px;max-width:90px;min-width:50px;padding:8px 4px}.index-item.active,.index-item:hover{transform:translateY(-1px)}.index-item.active{background:linear-gradient(135deg,#b85c38,#a14d2c);border-color:#b85c38;box-shadow:0 2px 8px #b85c3840}.index-text{font-size:.75rem;font-weight:600;line-height:1.2;word-break:break-word}.index-count{align-items:center;background:#b85c38;border-radius:8px;color:#fff;display:inline-flex;font-size:.7rem;justify-content:center;margin-top:2px;min-width:10px;padding:2px 5px}.index-item.active .index-count{background:#ffffffe6;color:#b85c38}.index-icon{font-size:1rem}.menu-categories{margin-top:10px}}.kiosk-modal-close-btn{align-items:center;background:#0000008c!important;border:none;border-radius:50%;box-shadow:none;color:#fff!important;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;text-shadow:none;top:10px;transition:all .3s ease;width:32px;z-index:10}.kiosk-modal-close-btn:hover{background:#000000bf!important;color:#fff!important;transform:scale(1.1)}.kiosk-modal-content{animation:modalSlide .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;font-family:Inter,sans-serif;max-height:85vh!important;max-width:450px;overflow-x:hidden;overflow-y:auto;padding:30px;position:relative;text-align:center;width:90%}.modal-buttons.single-button{justify-content:center;margin-top:25px}.modal-buttons.single-button .modal-add-button{font-size:1.1rem;max-width:100%;padding:15px 25px;width:100%}@media (max-width:480px){.kiosk-modal-overlay{align-items:flex-end;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0!important}.kiosk-modal-content{animation:slideUpSheet .5s cubic-bezier(.32,.72,0,1)!important;border:none!important;border-radius:20px 20px 0 0!important;border-top:3px solid #b85c38!important;bottom:0!important;box-shadow:0 -8px 30px #0003!important;box-sizing:border-box!important;left:0!important;margin:0!important;max-height:85vh!important;max-width:100%!important;padding:20px 20px calc(30px + env(safe-area-inset-bottom, 0px))!important;position:fixed!important;right:0!important;width:100%!important}.kiosk-modal-content .modal-item-image-container{border-radius:17px 17px 0 0;margin:-20px -20px 16px}.kiosk-modal-content .modal-item-image{height:220px}.kiosk-modal-content.closing{animation:slideDownSheet .45s cubic-bezier(.32,.72,0,1) forwards!important}.kiosk-modal-close-btn{font-size:1.2rem;height:32px;right:12px;top:10px;width:32px}.modal-options-grid{grid-template-columns:1fr}}.kiosk-order-item{background:#fff9;border-left:4px solid #b85c38;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;margin-bottom:12px;padding:5px 12px;transition:all .3s ease}.kiosk-order-item:hover{background:#ffffffe6;transform:translateX(5px)}.kiosk-order-item-content{align-items:flex-start;display:flex;flex-direction:column}.kiosk-order-item-details{align-items:center;display:flex;justify-content:space-between;width:100%}.kiosk-order-item-info{display:flex;flex:1 1;flex-direction:column;margin-right:15px}.kiosk-order-item-name{color:#333;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:0}.kiosk-order-item-options{color:#666;font-family:Inter,sans-serif;font-size:.9rem;font-style:italic;font-weight:400;margin-left:16px;margin-top:4px}.kiosk-order-item-price{background:#b85c381a;border-radius:6px;color:#b85c38;flex-shrink:0;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700;padding:4px 8px;text-align:right;white-space:nowrap}.sticky-place-order{background-color:#fff;border-radius:12px 12px 0 0;bottom:0;display:flex;justify-content:center;left:0;padding:12px 0 0;position:sticky;width:100%;z-index:10}.order-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:12px;box-shadow:0 4px 15px #28a74526;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:10px;max-width:548px;padding:16px 0;transition:background .2s,transform .2s;width:100%}.order-button:active{transform:scale(.98)}.modal-section{margin-bottom:24px}.modal-section-label{color:#2c3e50;display:block;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:12px}.option-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.option-pill{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#666;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;gap:6px;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.option-pill:hover{background:#fef9f5;transform:translateY(-2px)}.option-pill.selected{background:linear-gradient(135deg,#b85c38,#a14d2c);border-color:#b85c38;color:#fff;font-weight:600}.option-pill.selected:hover{background:linear-gradient(135deg,#a14d2c,#8b3e20);border-color:#a14d2c;transform:translateY(-2px)}.option-pill.premium{border-color:#27ae60}.option-pill.premium.selected{background:linear-gradient(135deg,#27ae60,#229954);border-color:#27ae60}.option-pill-price{font-size:.85rem;font-weight:700;margin-left:4px}@media (max-width:480px){.option-pills{gap:8px}.option-pill{font-size:.85rem;padding:8px 14px}.modal-section-label{font-size:1rem}}.kiosk-modal-content .option-checkbox,.kiosk-modal-content .option-container,.kiosk-modal-content .option-label,.kiosk-modal-content .option-radio{display:none}.order-list-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 8px 32px #0000001a;font-family:Inter,sans-serif;margin:20px auto;max-width:1400px;min-height:calc(100vh - 120px);padding:30px}.order-list-container h1{color:#2c3e50;font-family:Poppins,sans-serif;font-size:2.8rem;font-weight:700;margin-bottom:30px;position:relative;text-align:center;text-shadow:0 2px 4px #0000001a}.order-list-container h1:after{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.order-list-nav{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.order-list-nav-buttons{display:flex;flex:1 1;gap:15px}.nav-tab-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;overflow:hidden;padding:12px 30px;position:relative;text-align:center;transition:all .3s ease}.nav-tab-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-tab-button:hover:before{left:100%}.nav-tab-button:hover{box-shadow:0 6px 20px #3498db4d;transform:translateY(-2px)}.nav-tab-button.active-tab{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 15px #27ae604d;font-weight:700}.reset-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.reset-button:hover{box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.orders-list{grid-gap:12px;display:grid;gap:12px;list-style:none;padding:0}.order-item{grid-gap:16px;align-items:start;background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 4px 20px #00000014;display:grid;gap:16px;grid-template-columns:1fr auto;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.order-item.order-paid{background:linear-gradient(135deg,#e8f5e8,#d4f4d4);border-left-color:#27ae60!important;box-shadow:0 5px 25px #27ae6026}.order-item.order-paid:hover{background:linear-gradient(135deg,#d4f4d4,#c8e6c9);border-left-color:#229954!important;box-shadow:0 8px 30px #27ae6033}.order-item.order-paid.cancelled-order{background:linear-gradient(135deg,#fce4e4,#f5b7b1);border-left-color:#e74c3c!important;box-shadow:0 5px 25px #e74c3c26}.order-item.order-paid.cancelled-order:hover{background:linear-gradient(135deg,#f8d7da,#f3a4a7);border-left-color:#c0392b!important;box-shadow:0 8px 30px #e74c3c33}.order-item:not(.order-paid){background:linear-gradient(135deg,#fce4e4,#f5b7b1);border-left-color:#e74c3c!important;box-shadow:0 5px 25px #e74c3c26}.order-item:not(.order-paid):hover{background:linear-gradient(135deg,#f8d7da,#f3a4a7);border-left-color:#c0392b!important;box-shadow:0 8px 30px #e74c3c33;transform:translateY(-3px)}.order-item.all-items-given.order-paid{background:linear-gradient(135deg,#d4f4d4,#c8e6c9);border-left-color:#00d4aa!important}.order-item.all-items-given.order-paid:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);border-left-color:#00b894!important}.order-item.all-items-given:not(.order-paid){background:linear-gradient(135deg,#fce4e4,#f5b7b1);border-left-color:#e74c3c!important}.order-item.all-items-given:not(.order-paid):hover{background:linear-gradient(135deg,#f8d7da,#f3a4a7);border-left-color:#c0392b!important}.order-info{display:flex;flex-direction:column}.order-header{align-items:center;color:#2c3e50;display:flex;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:8px}.order-header-main{gap:15px;min-height:40px;width:100%}.order-header-main>svg:first-child{flex-shrink:0;position:relative;top:-1px}.order-timestamp{align-items:center;background:#ecf0f1;border-radius:15px;color:#7f8c8d;display:inline-flex;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;gap:4px;padding:3px 10px}.order-total{background:#28a7451a;border-radius:10px;box-shadow:0 3px 12px #28a74533;color:#28a745;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;padding:12px;text-align:center}.order-info-section{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.info-card:hover{background:#e3f2fd;border-left-color:#2196f3;transform:translateY(-2px)}.order-items{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:14px}.order-items-header{align-items:center;color:#2c3e50;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:6px;margin-bottom:12px}.order-item-detail{background:#fff;border-left:3px solid #3498db;border-radius:6px;box-shadow:0 2px 6px #0000000a;color:#2c3e50;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;margin:6px 0;padding:8px 12px;transition:all .3s ease}.order-item-detail:hover{border-left-color:#27ae60;box-shadow:0 3px 12px #00000014;transform:translateX(4px)}.admin-order-total{align-items:center;background:#28a7451a;border-radius:10px;box-shadow:0 3px 12px #28a74533;color:#28a745;display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;gap:4px;justify-content:center;padding:12px;text-align:center}.tip-indicator{color:#f39c12;font-size:.85rem;font-style:italic;font-weight:500}.info-card{background:#f8f9fa;border-left:3px solid #3498db;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:12px;transition:all .3s ease}.order-notes{background:#fef9e7;border-left:3px solid #f39c12;border-radius:6px;box-shadow:0 2px 6px #f39c121a;color:#e67e22;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;margin-top:12px;padding:10px 14px}.order-notes:before{content:"📝 ";font-weight:600}.order-status{border-radius:18px;display:inline-block;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.4px;padding:8px 16px;text-transform:uppercase}.order-status.completed{background:#d5f4e6;border:2px solid #27ae60;color:#27ae60}.order-status.completed:before{content:"✅ "}.order-status.cancelled{background:#fadbd8;border:2px solid #e74c3c;color:#e74c3c}.order-status.cancelled:before{content:"❌ "}.order-controls{align-items:stretch;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;min-width:120px}.main-action-btn{flex:1 1}.bottom-controls{flex:1 1;flex-direction:column}.bottom-controls,.bottom-sub-controls{display:flex;gap:6px}.half-width-btn{flex:1 1;font-size:.85rem;height:auto;padding:10px 12px;width:100%}.quarter-width-btn{flex:1 1;font-size:.8rem;height:auto;padding:8px 10px;width:100%}.control-button{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 12px #0000001a;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;min-height:40px;overflow:hidden;padding:10px 14px;position:relative;transition:all .3s ease}.control-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.control-button:hover:before{left:100%}.control-button:hover{background:linear-gradient(135deg,#00b894,#00a085);box-shadow:0 5px 20px #00000026}.complete-button{background:linear-gradient(135deg,#27ae60,#229954)}.complete-button:hover{box-shadow:0 5px 20px #27ae604d}.paid-button{background:linear-gradient(135deg,#3498db,#2980b9);overflow:hidden;position:relative}.paid-button.is-paid{background:linear-gradient(135deg,#27ae60,#229954)}.paid-button:hover{box-shadow:0 5px 20px #3498db4d}.paid-button.is-paid:hover{box-shadow:0 5px 20px #27ae604d}.delete-button{background:linear-gradient(135deg,#e74c3c,#c0392b)}.delete-button:hover{background:linear-gradient(135deg,#c0392b,#a93226)!important;box-shadow:0 5px 20px #e74c3c4d}.pay-method-row{display:flex;flex:1 1;flex-direction:column;gap:6px;width:100%}.cash-pay-button{background:linear-gradient(135deg,#27ae60,#1e8449);flex:1 1}.cash-pay-button:hover{box-shadow:0 5px 20px #27ae604d}.stripe-pay-button{background:linear-gradient(135deg,#635bff,#4f46e5);flex:1 1}.stripe-pay-button:hover{background:linear-gradient(135deg,#4f46e5,#3730a3);box-shadow:0 5px 20px #635bff4d}.ol-stripe-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.ol-stripe-modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000040;max-width:360px;overflow:hidden;width:90%}.ol-stripe-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.ol-stripe-modal-header h3{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0}.ol-stripe-modal-close{align-items:center;background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:30px;justify-content:center;line-height:1;width:30px}.ol-stripe-modal-body{gap:14px;padding:18px}.ol-stripe-amount,.ol-stripe-modal-body{align-items:center;display:flex;flex-direction:column}.ol-stripe-amount{background:linear-gradient(135deg,#635bff,#4f46e5);border-radius:10px;box-sizing:border-box;color:#fff;padding:12px 32px;width:100%}.ol-stripe-amount-label{font-size:.8rem;letter-spacing:.05em;margin-bottom:4px;opacity:.85;text-transform:uppercase}.ol-stripe-amount-value{font-size:1.8rem;font-weight:700}.ol-stripe-qr-wrap{align-items:center;background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:12px;width:100%}.ol-stripe-qr{border-radius:6px;display:block;height:180px;width:180px}.ol-stripe-qr-caption{color:#888;font-size:.82rem;font-style:italic;margin:0}.ol-stripe-share-btn{align-items:center;background:linear-gradient(135deg,#635bff,#4f46e5);border:none;border-radius:8px;box-shadow:0 4px 12px #635bff4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.ol-stripe-share-btn:hover{box-shadow:0 6px 18px #635bff66;transform:translateY(-1px)}.ol-stripe-close-btn{background:#f0f0f0;border:none;border-radius:8px;color:#555;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px;transition:background .2s;width:100%}.ol-stripe-close-btn:hover{background:#e2e2e2}.ol-stripe-breakdown{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;width:100%}.ol-stripe-breakdown-row{align-items:center;border-bottom:1px solid #f0f0f0;color:#444;display:flex;font-size:.9rem;justify-content:space-between;padding:9px 14px}.ol-stripe-breakdown-row:last-child{border-bottom:none}.ol-stripe-breakdown-total{background:#f3f0ff;color:#2c1b6e;font-size:1.25rem;font-weight:700;padding:12px 14px}.admin-controls{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:25px;padding:20px}@media (max-width:880px){.order-list-container{margin:8px;padding:18px}.order-list-container h1{font-size:2.2rem}.order-item{gap:10px;grid-template-columns:1fr;padding:14px}.order-header{align-items:flex-start;flex-direction:column;font-size:1.2rem;gap:8px}.order-item-detail{font-size:.9rem}.control-button{flex:1 1;font-size:.85rem;min-width:90px;padding:8px 10px}.order-info-section{gap:10px;grid-template-columns:1fr}}.empty-orders{color:#7f8c8d;font-size:1rem;list-style:none;padding:20px;text-align:center}@media (max-width:480px){.order-list-container h1{font-size:1.6rem}.order-item{padding:12px}.order-header{font-size:1rem}.items-header-content svg,.order-header-main svg,.order-items-header svg{flex-shrink:0;height:1.2rem;width:1.2rem}.order-timestamp svg{height:.75rem;width:.75rem}.edit-order-btn svg{height:.7rem;width:.7rem}.order-controls{flex-direction:column;gap:6px}.control-button{font-size:.8rem;padding:7px 8px;width:100%}}.order-progress-container{align-items:center;display:flex;gap:10px;margin-top:8px;width:100%}.order-progress-bar{background:#e9ecef;border-radius:3px;box-shadow:inset 0 1px 2px #0000001a;flex:1 1;height:6px;overflow:hidden}.order-progress-fill{background:linear-gradient(90deg,#ff9500,#ff6b35);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.order-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.order-progress-text{color:#666;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;min-width:70px}@media (max-width:880px){.order-progress-container{align-items:stretch;flex-direction:column;gap:8px}.order-progress-text{min-width:auto;text-align:center}}@media (max-width:480px){.order-progress-container{margin-top:5px}.order-progress-bar{height:6px}}.order-item-detail.item-given,.order-item-detail.item-pending{cursor:pointer;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.order-item-detail.item-pending{background:#fff3cd;border-left-color:#ff9500}.order-item-detail.item-given{background:#d1f2eb;border-left-color:#00d4aa;opacity:.8}.order-item-detail.item-given .item-details{color:#666;text-decoration:line-through}.item-content{align-items:center;display:flex;gap:12px;width:100%}.item-checkbox{flex-shrink:0;font-size:1.2rem}.item-details{display:block!important;flex:1 1;padding:0!important;transition:all .3s ease}.item-status{border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.item-pending .item-status{background:#ff9500;color:#fff}.item-given .item-status{background:#00d4aa;color:#fff}.order-item-detail.item-pending:hover{background:#ffe69c;transform:translateX(5px)}.order-item-detail.item-given:hover{background:#b8f5ea;transform:translateX(5px)}.order-item.all-items-given{background:linear-gradient(135deg,#fff,#f0fff4);border-left-color:#00d4aa}.order-item.all-items-given:hover{border-left-color:#00b894}.control-button.ready-to-complete{animation:pulse 2s infinite;background:linear-gradient(135deg,#00d4aa,#00b894)}.control-button.ready-to-complete:hover{background:linear-gradient(135deg,#00b894,#00a085);box-shadow:0 6px 25px #00d4aa80}@media (max-width:880px){.order-progress-container{align-items:stretch;flex-direction:column;gap:8px}.order-progress-text{min-width:auto;text-align:center}.item-content{gap:8px}.item-checkbox{font-size:1rem}.item-status{font-size:.7rem;padding:2px 6px}.order-header-main{padding-left:0}}@media (max-width:480px){.order-header-main{align-items:flex-start;flex-direction:column;gap:8px}.order-progress-container{margin-top:5px}.order-progress-bar{height:6px}.item-content{align-items:flex-start;flex-direction:column;gap:6px}.item-checkbox{align-self:flex-start}}@media (max-width:880px){.order-items{padding:10px}.edit-order-btn{font-size:.65rem!important;padding:4px 8px!important}.order-item-detail{margin:4px 0;padding:5px 10px}.item-content{align-items:center;display:flex;flex-direction:row!important;gap:8px;justify-content:space-between;width:100%}.item-checkbox{flex-shrink:0;font-size:1rem;margin-right:4px}.item-details{flex:1 1;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-status{border-radius:8px;flex-shrink:0;font-size:.65rem;min-width:50px;padding:1px 6px;text-align:center;white-space:nowrap}.item-content>*{line-height:1.2;margin:0!important}.admin-order-total{font-size:1.2rem;padding:8px}.info-card{padding:0}.order-header{margin-bottom:0}.order-header-main{align-items:center;display:flex;flex-direction:row!important;flex-wrap:nowrap;font-size:.85rem;gap:8px;justify-content:left;padding:0;width:100%}.order-header:before{font-size:1rem;margin-right:4px}.order-timestamp{flex-shrink:0;font-size:.7rem;padding:2px 8px;white-space:nowrap}.paid-counter-badge,.paid-online-badge,.unpaid-badge{font-size:.6rem;padding:2px 8px}.items-header-content{font-size:.65rem}}@media (max-width:768px){.order-item,.order-item *{word-wrap:break-word!important;max-width:100%!important;overflow:hidden!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:break-all!important}.order-header{align-items:flex-start!important;flex-direction:column!important;padding:8px!important}.order-number{font-size:.8rem!important;max-width:100%!important;white-space:normal!important;word-break:break-all!important}}.paid-counter-badge,.paid-online-badge{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border-radius:12px;color:#fff;display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 12px;white-space:nowrap}.paid-counter-badge svg,.paid-online-badge svg,.unpaid-badge svg{position:relative;top:-.5px}.unpaid-badge{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:12px;color:#fff;display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 12px;white-space:nowrap}@media (max-width:880px){.paid-counter-badge,.paid-online-badge,.unpaid-badge{font-size:.65rem;padding:3px 12px}.order-item.order-paid .order-header-main,.order-item:not(.order-paid) .order-header-main{flex-wrap:wrap;gap:5px}}@media (max-width:480px){.paid-counter-badge,.paid-online-badge{font-size:.55rem;gap:3px;padding:2px 6px}.paid-counter-badge svg,.paid-online-badge svg{height:.65rem;width:.65rem}.unpaid-badge{font-size:.55rem;gap:3px;padding:2px 6px}.unpaid-badge svg{height:.65rem;width:.65rem}}.order-header-with-revert{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;width:100%}.order-header-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.revert-btn{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.revert-btn:hover{background:linear-gradient(135deg,#e67e22,#d35400);transform:translateY(-2px) scale(1.05)}.revert-btn:active{transform:translateY(0) scale(1)}@media (max-width:880px){.order-header-with-revert{gap:10px}.revert-btn{font-size:.85rem;height:28px;width:28px}}@media (max-width:480px){.order-header-with-revert{align-items:center;flex-direction:row}.order-header-with-revert .order-header-main{padding-right:42px}.revert-btn{font-size:.8rem;height:26px;position:absolute;right:10px;top:10px;width:26px}}.undo-payment-button{background:linear-gradient(135deg,#f39c12,#e67e22)}.undo-payment-button:hover{background:linear-gradient(135deg,#e67e22,#d35400)!important;box-shadow:0 5px 20px #f39c124d!important}.undo-payment-button.disabled-btn{background:linear-gradient(135deg,#bdc3c7,#95a5a6);cursor:not-allowed;opacity:.6}.undo-payment-button.disabled-btn:hover{background:linear-gradient(135deg,#bdc3c7,#95a5a6)!important;box-shadow:none!important}.order-header-main{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.items-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.edit-order-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;box-shadow:none!important;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:4px;padding:6px 12px;transition:all .3s ease}.edit-order-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-1px)}.edit-order-btn.disabled-btn{cursor:not-allowed;opacity:.6}.edit-order-btn.disabled-btn,.edit-order-btn.disabled-btn:hover{background:linear-gradient(135deg,#bdc3c7,#95a5a6);transform:none}.edit-order-container{background:#f8f9fa;border:2px solid #e3f2fd;border-radius:6px;padding:12px}.edit-items-list{margin-bottom:15px}.edit-order-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:6px;padding:6px 10px}.edit-item-info{align-items:center;color:#2c3e50;display:flex;flex:1 1;font-size:13px;font-weight:500}.edit-item-controls{align-items:center;display:flex;gap:8px}.edit-qty-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:26px;justify-content:center;line-height:1;min-width:26px;padding:0;transition:all .2s ease;width:26px}.edit-qty-btn.minus{background:#e74c3c;border:2px solid #e74c3c;color:#fff}.edit-qty-btn.minus:hover{background:#c0392b;border-color:#c0392b;transform:scale(1.1)}.edit-qty-btn.plus{background:#27ae60;border:2px solid #27ae60;color:#fff}.edit-qty-btn.plus:hover{background:#229954;border-color:#229954;transform:scale(1.1)}.edit-qty-display{color:#2c3e50;font-weight:600;min-width:20px;text-align:center}.add-item-section{margin-bottom:15px;overflow:visible;position:relative}.add-item-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(135deg,#fff,#f8f9fa);background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27><path fill=%27%236c757d%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/></svg>");background-position:right 16px center;background-repeat:no-repeat;background-size:14px;border:2px solid #e9ecef;border-left:4px solid #3498db;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#495057;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:500;padding:14px 20px;transition:all .3s ease;width:100%}.add-item-select:focus{background:#fff;border-color:#3498db #3498db #3498db #2980b9;box-shadow:0 0 0 3px #3498db1a,0 4px 15px #3498db26;outline:none;transform:translateY(-1px)}.add-item-select:hover{background:#fff;border-color:#dee2e6 #dee2e6 #dee2e6 #3498db;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.add-item-select option{background:#fff;border:none;color:#495057;font-family:Inter,sans-serif;font-weight:500;padding:14px 20px}.add-item-select option:hover{background:#f8f9fa}.add-item-select option:first-child{color:#6c757d;font-style:italic}.add-item-select:focus{animation:dropdownFocus .2s ease}@keyframes dropdownFocus{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}to{transform:translateY(-1px) scale(1)}}.edit-order-total-section{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.original-total{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:6px;color:#6c757d;font-size:1rem;font-weight:600;padding:10px;text-align:center}.edit-order-total{background:linear-gradient(135deg,#e8f5e8,#d4f4d4);border:2px solid #27ae60;border-radius:6px;color:#27ae60;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;margin-bottom:15px;padding:8px 12px;text-align:center}.edit-order-total.total-changed{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #27ae6066;transform:scale(1)}50%{box-shadow:0 0 0 8px #27ae6000;transform:scale(1.02)}}.edit-order-actions{display:flex;gap:10px}.cancel-edit-btn,.save-edit-btn{border:none;border-radius:6px;box-shadow:none!important;cursor:pointer;flex:1 1;font-weight:600;padding:10px 15px;transition:all .3s ease}.save-edit-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.save-edit-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-1px)}.cancel-edit-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.cancel-edit-btn:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);transform:translateY(-1px)}.edit-options-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-options-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.edit-options-header{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.edit-options-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.close-modal-btn:hover{background:#fff3}.edit-options-content{padding:20px}.spice-section{margin-bottom:20px}.spice-section label{color:#2c3e50;display:block;font-weight:600;margin-bottom:10px}.spice-selector{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:15px}.spice-slider{margin-bottom:10px;width:77%}.spice-levels{color:#666;display:flex;font-size:.85rem;justify-content:space-between}.option-container{margin-bottom:10px}.option-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .2s}.option-label:hover{background:#f8f9fa}.option-text{align-items:center;display:flex;font-weight:500;gap:5px}.premium-indicator{font-size:.8rem}.edit-options-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;padding:20px}.cancel-options-btn,.confirm-options-btn{border:none;border-radius:6px;box-shadow:none!important;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;transition:all .3s ease}.confirm-options-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.confirm-options-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-1px)}.cancel-options-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.cancel-options-btn:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);transform:translateY(-1px)}.add-item-pills{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;flex-wrap:wrap;gap:8px;max-height:125px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:12px;touch-action:pan-y;z-index:1}.add-item-pill,.add-item-pills{display:flex;justify-content:center;position:relative}.add-item-pill{align-items:center;background:#fff;border:2px solid #3498db;border-radius:25px;color:#3498db;cursor:pointer;font-size:.85rem;font-weight:600;gap:6px;max-width:110px;overflow:hidden;padding:8px 16px;transition:all .3s ease;white-space:nowrap;width:100%}.add-item-pill:before{background:#3498db;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s;width:100%;z-index:-1}.add-item-pill:hover:before{left:0}.add-item-pill:hover{box-shadow:0 4px 12px #3498db4d;color:#fff;transform:translateY(-1px)}.add-item-pill-price{font-size:.8rem;font-weight:700;margin-left:6px;opacity:.8}@media (max-width:768px){.add-item-pills{-webkit-overflow-scrolling:touch!important;gap:6px;max-height:180px!important;overflow-y:scroll!important;overscroll-behavior:contain;padding:10px;touch-action:pan-y!important}.add-item-pill{font-size:.8rem;padding:6px 12px;pointer-events:auto}.add-item-pill-price{font-size:.75rem}.add-item-section{overflow:visible;touch-action:auto}}.pagination-container{align-items:center;display:flex;font-family:Poppins,sans-serif;gap:10px;justify-content:center;margin:20px 0}.pagination-info{color:#6c757d;font-size:.9rem;margin:0 15px}.pagination-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-width:80px;padding:8px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.pagination-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.pagination-btn:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.pagination-container{gap:8px;margin:15px 0}.pagination-btn{font-size:.8rem;min-width:70px;padding:6px 12px}.pagination-info{font-size:.8rem;margin:0 10px}}.ready-button{background:linear-gradient(135deg,#f39c12,#e67e22)}.ready-button:hover:not(.disabled-btn){background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 5px 20px #f39c124d}.ready-button.disabled-btn{background:linear-gradient(135deg,#bdc3c7,#95a5a6);cursor:not-allowed;opacity:.6}@media (max-width:880px){.bottom-sub-controls{flex-direction:column;gap:4px}.quarter-width-btn{font-size:.75rem;padding:6px 8px}.ready-button.disabled-btn{font-size:.8rem}}@media (max-width:480px){.order-controls{min-width:100px}.pay-method-row{flex-direction:row}.quarter-width-btn{font-size:.7rem;padding:5px 6px}.half-width-btn{font-size:1rem;padding:8px 10px}}.email-clicked-green{background:linear-gradient(135deg,#27ae60,#2ecc71)!important;border-color:#27ae60!important}.paid-main-controls{align-items:stretch;display:flex;gap:6px}.paid-main-controls .complete-button{flex:1 1}.more-options-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:1.25rem;line-height:1;min-width:42px;padding:8px 10px;transition:background .2s,transform .15s}.more-options-btn,.more-options-btn.more-options-open{background:linear-gradient(135deg,#636e72,#2d3436)}.more-options-menu{animation:slideDown .15s ease-out;background:#0000000a;border:1px solid #00000014;border-radius:8px;display:flex;flex-direction:column;gap:5px;margin-top:4px;padding:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.more-menu-item{font-size:.82rem;padding:8px 12px;text-align:left;width:100%}.more-menu-item:after{content:none}.admin-controls-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;font-family:Inter,sans-serif;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#2c3e50,#34495e);box-shadow:4px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:1000}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:30px 20px;text-align:center}.sidebar-header h2{color:#fff;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 5px}.sidebar-header p{color:#ffffffb3;font-size:.9rem;font-style:italic;margin:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;padding:20px 0}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;gap:15px;margin:5px 15px;padding:18px 25px;position:relative;text-align:left;transition:all .3s ease}.nav-item:hover{background:#ffffff1a;color:#fff;transform:translateX(5px)}.nav-item.active{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db66;color:#fff}.nav-item.active:before{background:#fff;border-radius:0 4px 4px 0;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;justify-content:center}.nav-text{flex:1 1}.badge-soon{background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:8px;color:#fff;font-size:.7rem;font-weight:600;padding:3px 8px}.logout-item{background:#dc35451a;border:1px solid #dc35454d;margin-top:auto}.logout-item:hover{background:#dc354533;border-color:#dc354580;transform:translateX(5px)}.admin-content{flex:1 1;margin-left:280px;min-height:100vh;padding:40px}.content-section{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:40px}.content-section h2{align-items:center;border-bottom:3px solid #3498db;color:#2c3e50;display:flex;font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;gap:10px;justify-content:center;margin-bottom:30px;margin-top:0;padding-bottom:15px}.dashboard-welcome{padding:60px 20px;text-align:center}.welcome-icon{font-size:5rem;margin-bottom:20px}.dashboard-welcome h3{color:#2c3e50;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:15px}.dashboard-welcome p{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.coming-soon-content{padding:80px 20px;text-align:center}.coming-soon-icon{animation:float 3s ease-in-out infinite;font-size:6rem;margin-bottom:25px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.coming-soon-content h3{color:#2c3e50;font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;margin-bottom:15px}.coming-soon-content p{color:#666;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:700px}.settings-content{gap:30px}.setting-card,.settings-content{display:flex;flex-direction:column}.setting-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 4px 15px #0000000d;padding:30px;text-align:center;transition:all .3s ease}.setting-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.setting-header{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;width:100%}.setting-icon{flex-shrink:0;font-size:2.5rem}.setting-info{flex:1 1;text-align:center;width:100%}.setting-info h3{color:#2c3e50;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 8px}.setting-info p{color:#666;font-size:1rem;line-height:1.5;margin:0}.payment-status{margin:20px 0;text-align:center}.status-indicator{border-radius:25px;display:inline-block;font-size:1rem;font-weight:600;padding:10px 20px}.status-indicator.enabled{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #c3e6cb;color:#155724}.status-indicator.disabled{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #f5c6cb;color:#721c24}.admin-control-button{border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin:0 auto;min-width:200px;overflow:hidden;padding:15px 35px;position:relative;transition:all .3s ease}.admin-control-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.admin-control-button:hover:before{left:100%}.admin-control-button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.enable-btn{background:linear-gradient(135deg,#28a745,#20c997)!important}.enable-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8)!important;box-shadow:0 6px 20px #28a7454d!important}.disable-btn{background:linear-gradient(135deg,#dc3545,#c82333)!important}.disable-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a)!important;box-shadow:0 6px 20px #dc35454d!important}.reset-btn{background:linear-gradient(135deg,#dc3545,#c82333)!important}.reset-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a)!important;box-shadow:0 6px 20px #dc35454d!important}@media (max-width:968px){.admin-sidebar{width:70px}.badge-soon,.nav-text,.sidebar-header h2,.sidebar-header p{display:none}.nav-item{justify-content:center;margin:5px 10px;padding:15px}.nav-icon{font-size:1.8rem}.admin-content{margin-left:70px;padding:20px}.content-section{padding:30px 20px}.content-section h2{font-size:1.8rem}}@media (max-width:768px){.admin-controls-container{flex-direction:column;overflow-x:clip}.admin-sidebar{box-shadow:0 2px 10px #0000001a;height:auto;position:sticky;top:66px;width:100%;z-index:50}.sidebar-header{display:none}.sidebar-nav{box-sizing:border-box;flex-direction:row;gap:6px;justify-content:space-between;overflow-x:hidden;padding:8px;width:100%}.nav-item{box-sizing:border-box;flex:1 1;flex-direction:column;flex-shrink:1;gap:4px;margin:0;max-width:none;min-width:0;padding:10px 8px}.nav-item:hover{transform:translateY(-2px)}.nav-item.active:before{bottom:0;height:3px;left:50%;top:auto;transform:translateX(-50%);width:70%}.nav-text{display:block;font-size:.7rem;white-space:nowrap}.nav-icon{font-size:1.4rem}.badge-soon{display:none}.logout-item{background:#dc354526;border:none;margin-top:0}.admin-content{margin-left:0;margin-top:0;min-height:auto;padding:15px 10px}.content-section{border-radius:15px;padding:20px 15px}.content-section h2{font-size:1.5rem;margin-bottom:20px;padding-bottom:12px}.setting-header{align-items:center;flex-direction:column;gap:10px;text-align:center}.setting-icon{font-size:2rem}.setting-info h3{font-size:1.2rem}.setting-info p{font-size:.9rem}.setting-card{padding:20px 15px}.admin-control-button{font-size:.95rem;max-width:320px;min-width:100%;padding:12px 20px}.coming-soon-content,.dashboard-welcome{padding:40px 15px}.coming-soon-content h3,.dashboard-welcome h3{font-size:1.4rem}.coming-soon-content p,.dashboard-welcome p{font-size:.95rem}}@media (max-width:480px){.sidebar-nav{gap:4px;padding:6px}.nav-item{flex:1 1;max-width:none;min-width:0;padding:8px 4px}.nav-icon{font-size:1.2rem}.nav-text{font-size:.65rem}.admin-content{padding:10px 8px}.content-section{border-radius:12px;padding:15px 12px}.content-section h2{border-bottom-width:2px;font-size:1.3rem;margin-bottom:15px;padding-bottom:10px}.coming-soon-icon{font-size:3.5rem}.welcome-icon{font-size:3rem}.coming-soon-content h3,.dashboard-welcome h3{font-size:1.2rem}.coming-soon-content p,.dashboard-welcome p{font-size:.85rem}.setting-icon{font-size:1.8rem}.setting-info h3{font-size:1.1rem}.setting-info p{font-size:.85rem}.setting-card{gap:15px;padding:15px 12px}.settings-content{gap:20px}.payment-status{margin:15px 0}.status-indicator{font-size:.85rem;padding:8px 15px}.admin-control-button{border-radius:10px;font-size:.9rem;padding:11px 18px}}input,select,textarea{font-size:16px!important}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#b85c38,#a14d2c);border-bottom:1px solid #ffffff1a;padding:6px 0;position:sticky;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;min-height:70px;padding:0 32px;position:relative}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{z-index:1001}.logo-image{border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #0003;height:60px;transition:all .3s ease}.logo-image:hover{border-color:#fff6;box-shadow:0 4px 15px #0000004d;transform:scale(1.1)}.nav-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;display:flex;gap:24px;padding:6px 16px}.nav-link{border-radius:20px;color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;overflow:hidden;padding:6px 12px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:#fff3;box-shadow:0 2px 10px #fff3;color:#fff;transform:translateY(-1px)}.nav-link:after{background:#f3e9e3;border-radius:1px;bottom:-1px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover:after{width:80%}.hamburger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;cursor:pointer;display:none;flex-direction:column;padding:6px;transition:all .3s ease;z-index:1001}.hamburger:hover{background:#fff3;transform:scale(1.05)}.hamburger span{background:#fff;border-radius:2px;box-shadow:0 1px 2px #0003;height:2px;margin:2px 0;transition:all .3s ease;width:22px}.hamburger.active span:first-child{background:#f3e9e3;transform:rotate(-45deg) translate(-4px,4px)}.hamburger.active span:nth-child(2){opacity:0;transform:scale(0)}.hamburger.active span:nth-child(3){background:#f3e9e3;transform:rotate(45deg) translate(-4px,-4px)}.nav-menu.active{animation:slideInDown .4s ease}@keyframes slideInDown{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.nav-search{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:24px;display:flex;gap:6px;left:50%;padding:5px 12px;position:absolute;transform:translateX(-50%);transition:width .3s ease,background .2s ease,box-shadow .2s ease;width:260px;z-index:1}.nav-search:focus-within{background:#ffffff38;box-shadow:0 2px 12px #00000026;width:320px}.nav-search-icon{color:#fffc;flex-shrink:0;font-size:15px}.nav-search-input{background:#0000;border:none;color:#fff;font-family:Poppins,sans-serif;font-size:16px!important;outline:none;padding:0;width:100%}.nav-search-input::placeholder{color:#fff9}.nav-search-clear{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;padding:0;transition:color .2s}.nav-search-clear:hover{color:#fff}@media (max-width:1024px){.nav-container{min-height:58px;padding:0 16px}.navbar:not(.admin-navbar) .nav-logo{order:1}.nav-search{border-radius:20px;flex:1 1;margin:0 20px;min-width:0;order:2;position:static;transform:none;width:auto}.nav-search:focus-within{width:auto}.navbar:not(.admin-navbar) .hamburger{order:3}.navbar:not(.admin-navbar) .nav-menu{order:4}.nav-with-search .nav-menu{top:66px}.logo-image{height:48px}.hamburger{display:flex}.nav-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#b85c38fa,#a14d2cfa);border:none;border-radius:0 0 16px 16px;box-sizing:border-box;flex-direction:column;gap:16px;left:-100%;max-width:100vw;overflow-x:hidden;padding:20px 0;position:fixed;text-align:center;top:66px;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.nav-menu.active{left:0}.nav-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;display:block;font-size:18px;margin:0 16px;padding:12px 16px;transition:all .3s ease;width:calc(100% - 32px)}.nav-link:hover{background:#ffffff40;box-shadow:0 6px 20px #fff3;transform:translateY(-2px) scale(1.02)}.nav-link:after{display:none}.nav-menu.active .nav-link:first-child{animation:slideInFromLeft .4s ease .1s both}.nav-menu.active .nav-link:nth-child(2){animation:slideInFromLeft .4s ease .2s both}.nav-menu.active .nav-link:nth-child(3){animation:slideInFromLeft .4s ease .3s both}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}}@media (max-width:480px){.logo-image{height:42px}.nav-container{min-height:54px;padding:0 12px}.nav-menu{padding:16px 0;top:62px}.nav-with-search .nav-menu{top:62px}.nav-link{font-size:16px;margin:0 12px;padding:10px 12px;width:calc(100% - 24px)}}@media (min-width:1025px){.nav-menu:hover{background:#ffffff26;box-shadow:0 2px 15px #ffffff1a}.navbar:after{background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}}.hamburger:focus,.nav-link:focus{outline:2px solid #f3e9e3;outline-offset:2px}.navbar{transition:all .3s ease}.navbar.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#b85c38f2,#a14d2cf2);box-shadow:0 6px 30px #b85c3866}.admin-navbar{background:linear-gradient(135deg,#2c3e50,#34495e)}.admin-nav-menu{background:#ffffff26}@media (min-width:1025px){.admin-nav-menu{margin-left:auto;margin-right:12px}}.admin-nav-btn{background:none!important;border:none!important;cursor:pointer;transition:all .3s ease}.admin-nav-btn.active{background:#ffffff40!important;color:#f1c40f!important;font-weight:700}.admin-controls{display:flex;justify-content:flex-end;margin-bottom:20px;padding:0 20px}.reset-button.standalone{margin:0}@media (max-width:1024px){.admin-nav-menu{background:linear-gradient(135deg,#2c3e50fa,#34495efa)}.admin-nav-btn{box-sizing:border-box!important;margin:0 12px!important;padding:10px 12px!important;width:calc(100% - 24px)!important}}.admin-profile-wrapper{align-items:center;display:flex;position:relative;z-index:1002}.admin-profile-circle{align-items:center;background:#2c3e50;border:2px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;height:52px;justify-content:center;letter-spacing:.5px;transition:all .2s ease;width:52px}.admin-profile-circle:hover{background:#34495e;border-color:#ffffffb3;transform:scale(1.05)}.admin-profile-dropdown{animation:profileDropdown .15s ease;background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000002e;min-width:150px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px)}@keyframes profileDropdown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.admin-profile-role{background:#f7f7f7;border-bottom:1px solid #eee;color:#555;font-size:13px;font-weight:600;text-transform:capitalize}.admin-profile-logout-btn,.admin-profile-role{font-family:Poppins,sans-serif;padding:10px 16px}.admin-profile-logout-btn{background:none;border:none;color:#c0392b;cursor:pointer;font-size:14px;font-weight:500;text-align:left;transition:background .15s;width:100%}.admin-profile-logout-btn:hover{background:#fff0ef}@media (max-width:1024px){.admin-profile-circle{font-size:12px;height:42px;width:42px}}.contact-container{background:linear-gradient(135deg,#fff,#fefefe);border-radius:16px;box-shadow:0 8px 32px #0000001a;font-family:Inter,sans-serif;margin:40px auto 0;max-width:1200px;overflow:hidden;padding:40px;position:relative}.contact-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='1' fill='rgba(184,92,56,0.05)'/%3E%3Ccircle cx='80' cy='40' r='1.5' fill='rgba(184,92,56,0.05)'/%3E%3Ccircle cx='40' cy='80' r='1' fill='rgba(184,92,56,0.05)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.contact-container h1{color:#b85c38;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;margin-bottom:20px;position:relative;text-align:center;text-shadow:0 2px 4px #0000001a;z-index:1}.contact-container h1:after{background:linear-gradient(90deg,#b85c38,#d4722a,#b85c38);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.contact-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin-top:50px;position:relative;z-index:1}.contact-info h2{color:#b85c38;font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:600;margin-bottom:24px;padding-left:20px;position:relative}.contact-info h2:before{background:linear-gradient(135deg,#b85c38,#d4722a);border-radius:3px;content:"";height:40px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.contact-item{background:linear-gradient(135deg,#f9f9f9,#f5f5f5);border:1px solid #b85c381a;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:10px;transition:all .3s ease}.contact-item:hover{border-color:#b85c384d;box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.contact-item h3{align-items:center;color:#b85c38;display:flex;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px;margin-top:12px}.contact-item p{color:#333;font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.7;margin:8px 0;text-align:center}.contact-form{background:linear-gradient(135deg,#f3e9e3,#f0e4d9);border:2px solid #b85c381a;border-radius:16px;box-shadow:0 8px 30px #b85c381a;padding:40px;position:relative}.contact-form h2{color:#b85c38;font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:600;margin-bottom:25px;padding-left:20px;position:relative;text-align:center}.contact-form h2:before{background:linear-gradient(135deg,#b85c38,#d4722a);border-radius:3px;content:"";height:40px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.contact-input,.contact-textarea{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:1.1rem;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.contact-input:focus,.contact-textarea:focus{border-color:#b85c38;box-shadow:0 0 0 4px #b85c381a;outline:none;transform:translateY(-2px)}.contact-textarea{min-height:120px;resize:vertical}.contact-submit{background:linear-gradient(135deg,#b85c38,#a14d2c);border:none;border-radius:50px;box-shadow:0 6px 20px #b85c384d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease;width:100%}.contact-submit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact-submit:hover:before{left:100%}.contact-submit:hover{background:linear-gradient(135deg,#a14d2c,#8b4425);box-shadow:0 8px 25px #b85c3866;transform:translateY(-3px)}.map-container{border:3px solid #b85c38;border-radius:16px;box-shadow:0 8px 25px #00000026;margin-top:20px;overflow:hidden;transition:all .3s ease}.map-container:hover{box-shadow:0 12px 35px #0003;transform:translateY(-3px)}.map-container iframe{border-radius:13px;transition:all .3s ease}.contact-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:30px}.contact-logo{align-items:center;border-top:2px solid #b85c3833;display:flex;justify-content:center;margin-top:50px;padding-top:40px;position:relative}.contact-logo:before{background:linear-gradient(90deg,#b85c38,#d4722a,#b85c38);content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.contact-logo-image{border:4px solid #b85c38;border-radius:50%;box-shadow:0 12px 35px #b85c384d;height:140px;object-fit:cover;transition:all .3s ease;width:140px}.contact-logo-image:hover{border-color:#a14d2c;box-shadow:0 16px 45px #b85c3866;transform:scale(1.1)}@media (max-width:768px){.map-container iframe{height:250px}}@media (max-width:480px){.map-container iframe{height:200px}}@media (max-width:768px){.contact-container{margin-left:16px;margin-right:16px;margin-top:20px;padding:24px}.contact-container h1{font-size:2.5rem}.contact-content{gap:32px;grid-template-columns:1fr}.contact-form{padding:30px}.contact-form h2,.contact-info h2{font-size:1.8rem}.contact-grid{gap:20px;grid-template-columns:1fr}.contact-logo{margin-top:30px;padding-top:20px}.contact-logo-image{height:100px;width:100px}}@media (max-width:480px){.contact-container{margin:10px;padding:20px}.contact-container h1{font-size:2rem}.contact-form h2,.contact-info h2{font-size:1.5rem;padding-left:15px}.contact-form,.contact-item{padding:20px}.contact-logo{margin-top:25px;padding-top:15px}.contact-logo-image{height:80px;width:80px}}.contact-item a{color:#e67e22;font-weight:500;text-decoration:none;transition:color .2s ease}.contact-item a:hover{color:#cf6d17;text-decoration:underline}.about-container{background:linear-gradient(135deg,#fff,#fefefe);border-radius:16px;box-shadow:0 8px 32px #0000001a;font-family:Inter,sans-serif;margin:40px auto 0;max-width:1200px;overflow:hidden;padding:40px;position:relative}.about-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='1' fill='rgba(184,92,56,0.05)'/%3E%3Ccircle cx='80' cy='40' r='1.5' fill='rgba(184,92,56,0.05)'/%3E%3Ccircle cx='40' cy='80' r='1' fill='rgba(184,92,56,0.05)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.about-container h1{color:#b85c38;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;margin-bottom:20px;position:relative;text-align:center;text-shadow:0 2px 4px #0000001a;z-index:1}.about-container h1:after{background:linear-gradient(90deg,#b85c38,#d4722a,#b85c38);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.about-content{margin-top:50px;position:relative;z-index:1}.about-content h2{color:#b85c38;font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:600;margin-bottom:24px;margin-top:40px;padding-left:20px;position:relative}.about-content h2:before{background:linear-gradient(135deg,#b85c38,#d4722a);border-radius:3px;content:"";height:40px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.about-section{grid-gap:40px;align-items:center;background:linear-gradient(135deg,#f9f9f9,#f5f5f5);border:1px solid #b85c381a;border-radius:16px;box-shadow:0 4px 20px #00000014;display:grid;gap:40px;grid-template-columns:2fr 1fr;margin-bottom:50px;padding:30px}.about-text p{color:#333;font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.7;margin-bottom:20px;text-align:justify}.about-text p:first-of-type{color:#2c3e50;font-size:1.15rem;font-weight:500}.about-image img{border:3px solid #b85c38;border-radius:16px;box-shadow:0 8px 30px #00000026;height:auto;transition:all .3s ease;width:100%}.about-image img:hover{box-shadow:0 12px 40px #0003;transform:scale(1.02)}.highlights-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:40px 0}.highlight-item{background:linear-gradient(135deg,#f3e9e3,#f0e4d9);border:2px solid #0000;border-radius:16px;box-shadow:0 6px 25px #b85c381a;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.highlight-item:before{background:linear-gradient(90deg,#0000,#b85c381a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.highlight-item:hover:before{left:100%}.highlight-item:hover{border-color:#b85c384d;box-shadow:0 12px 40px #b85c3833;transform:translateY(-8px)}.highlight-item h3{color:#b85c38;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:16px}.highlight-item p{color:#333;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6}.dishes-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:40px 0}.dish-card{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #b85c381a;border-radius:16px;box-shadow:0 8px 30px #0000001a;overflow:hidden;padding:25px;position:relative;text-align:center;transition:all .3s ease}.dish-card:after{background:linear-gradient(90deg,#b85c38,#d4722a,#b85c38);bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.dish-card:hover:after{transform:scaleX(1)}.dish-card:hover{border-color:#b85c384d;box-shadow:0 15px 50px #00000026;transform:translateY(-10px)}.dish-card img{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:220px;margin-bottom:20px;object-fit:cover;transition:all .3s ease;width:100%}.dish-card:hover img{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.dish-card h3{color:#b85c38;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:12px}.dish-card p{color:#555;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6}.mission-section{background:linear-gradient(135deg,#f3e9e3,#f0e4d9);border:2px solid #b85c381a;border-radius:16px;box-shadow:0 8px 30px #b85c381a;margin-top:50px;padding:40px;position:relative}.mission-section h2{margin-bottom:25px;margin-top:0}.mission-section p{color:#333;font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.7;margin-bottom:20px;text-align:justify}@media (max-width:768px){.about-container{margin-left:16px;margin-right:16px;margin-top:20px;padding:24px}.about-container h1{font-size:2.5rem}.about-content h2{font-size:1.8rem}.about-section{gap:25px;grid-template-columns:1fr;padding:20px;text-align:center}.highlights-grid{gap:20px;grid-template-columns:1fr}.dishes-grid{gap:25px;grid-template-columns:1fr}.mission-section{padding:25px}.about-text p,.mission-section p{font-size:1rem;text-align:left}}@media (max-width:480px){.about-container{margin:10px;padding:20px}.about-container h1{font-size:2rem}.about-content h2{font-size:1.5rem;padding-left:15px}.dish-card,.highlight-item,.mission-section{padding:20px}}.payment-container{font-family:Inter,sans-serif;margin:0 auto;max-width:500px;padding:24px}.payment-header{margin-bottom:24px;text-align:center}.payment-header h2{color:#2c3e50;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin-bottom:0}.payment-header p{color:#7f8c8d;font-size:1.1rem;margin:0}.payment-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-bottom:20px;padding:10px 20px}.payment-summary-row{align-items:center;display:flex;font-size:1rem;justify-content:space-between;padding:8px 0}.payment-summary-row.total-row{border-top:2px solid #b85c38;color:#b85c38;font-size:1.2rem;font-weight:700;margin-top:12px;padding-top:16px}.payment-form{margin-bottom:24px}.payment-label{color:#2c3e50;display:block;font-size:1rem;font-weight:600;margin-bottom:8px;margin-top:12px}.payment-card-container{background:#fff;border:2px solid #e0e0e0;border-radius:8px;min-height:60px;padding:16px;position:relative;transition:border-color .3s ease}.payment-card-container:focus-within{border-color:#b85c38;box-shadow:0 0 0 2px #b85c3833}.payment-card-container .sq-card-wrapper{display:block!important}.payment-card-container .sq-card-wrapper:not(:first-of-type){display:none!important}.payment-card-container .sq-card-iframe-container{border:none;border-radius:4px}.payment-card-container .sq-card-component{border-radius:4px;min-height:56px}.payment-loading{align-items:center;color:#7f8c8d;display:flex;justify-content:center;padding:20px}.payment-spinner{animation:paymentSpin 1s linear infinite;border:2px solid #e9ecef;border-radius:50%;border-top-color:#b85c38;height:20px;margin-right:12px;width:20px}@keyframes paymentSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-error{background:#fee;border:1px solid #fadbd8;border-radius:8px;color:#e74c3c;font-size:.9rem;margin-top:12px;padding:12px 16px}.payment-actions{display:flex;gap:16px;margin-top:24px}.payment-cancel-btn,.payment-submit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:16px 24px;transition:all .3s ease}.payment-cancel-btn{background:#fff;border:2px solid #dee2e6;color:#7f8c8d}.payment-cancel-btn:hover:not(:disabled){background:#f8f9fa;border-color:#b85c38;color:#b85c38}.payment-submit-btn{background:linear-gradient(135deg,#b85c38,#a14d2c);color:#fff}.payment-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#a14d2c,#8b3e20);box-shadow:0 6px 20px #b85c384d;transform:translateY(-2px)}.payment-cancel-btn:disabled,.payment-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.payment-security{margin-top:24px;text-align:center}.security-badges{display:flex;gap:16px;justify-content:center;margin-bottom:12px}.security-badge{background:#b85c381a;border-radius:20px;color:#b85c38;font-size:.9rem;font-weight:600;padding:6px 12px}.security-text{color:#7f8c8d;font-size:.85rem;margin:0 auto;max-width:400px}.confirmation-payment-success{animation:slideInUp .5s ease .2s both;background:linear-gradient(135deg,#e8f5e8,#d4f4d4);border:1px solid #27ae60;border-radius:16px;border-radius:12px;margin:15px auto;max-width:500px;padding:12px;text-align:center}@media (max-width:480px){.confirmation-payment-success{margin:10px 32px}}.confirmation-success-heading p{color:#27ae60!important;font-family:Poppins,sans-serif;font-size:20px}.confirmation-payment-success p{color:#2c3e50;font-weight:600;margin:2px 0}@media (max-width:480px){.payment-container{padding:16px}.payment-actions,.security-badges{flex-direction:column}.security-badges{gap:8px}}.payment-methods{margin:20px 0}.premium-methods{margin-bottom:20px}.premium-methods h3{color:#8b4513;font-size:1.1rem;margin-bottom:15px;text-align:center}.payment-option{margin-bottom:15px}.digital-wallet-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:100%}.apple-pay-button{background:#000;color:#fff}.apple-pay-button:hover{background:#333;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.google-pay-button{background:#4285f4;color:#fff}.google-pay-button:hover{background:#3367d6;box-shadow:0 4px 12px #4285f44d;transform:translateY(-2px)}.unavailable-button{background:#ccc;border-radius:8px;color:#666;cursor:not-allowed;font-size:16px;padding:15px;text-align:center}.divider{margin:20px 0;position:relative;text-align:center}.divider:before{background:#ddd;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#666;font-size:14px;padding:0 15px;position:relative}.card-payment-section{margin-top:20px}.show-card-button{background:#fff;border:2px solid #ff6b35;border-radius:8px;color:#ff6b35;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.show-card-button:hover{background:#ff6b35;color:#fff;transform:translateY(-2px)}.card-form-section{background:#fff;border:2px solid #ff6b35;border-radius:8px;padding:20px}.card-form-section h3{color:#8b4513;margin-bottom:15px;text-align:center}#card-container{margin:15px 0;min-height:50px}.pay-button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.pay-button:hover:not(:disabled){background:#e55a2b;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.pay-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.security-info{background:#f8f9fa;border-radius:6px;color:#666;font-size:14px;margin-top:20px;padding:10px;text-align:center}.error-message{background:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;font-weight:500;margin:15px 0;padding:12px}.order-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;margin:20px 0;padding:20px}.order-summary h3{color:#8b4513;text-align:center}.order-summary h3,.summary-items{margin-bottom:15px}.summary-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-total{border-top:2px solid #ff6b35;color:#8b4513;font-size:1.2rem;padding-top:15px;text-align:center}.back-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:all .3s ease}.back-button:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.back-button:disabled{cursor:not-allowed;opacity:.6}.payment-option-section{margin-bottom:24px;text-align:center}.pay-at-counter-btn{background:linear-gradient(135deg,#b85c38,#a14d2c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:8px;padding:16px 24px;transition:all .3s ease;width:100%}.pay-at-counter-btn:hover:not(:disabled){background:linear-gradient(135deg,#a14d2c,#8b3e20);box-shadow:0 6px 20px #b85c384d;transform:translateY(-2px)}.pay-at-counter-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.pay-at-counter-note{color:#7f8c8d;font-size:.9rem;font-style:italic;margin:0 0 16px}.unavailable-wallet-notice{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:16px;padding:12px;text-align:center}.unavailable-wallet-notice p{color:#6c757d;font-size:.9rem;margin:0}.digital-wallet-section{margin-bottom:24px}.payment-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.payment-divider:after,.payment-divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.payment-divider span{color:#7f8c8d;font-size:.9rem;font-weight:500;padding:0 16px}.tips-section{background:linear-gradient(135deg,#fff9f5,#fef5ef);border:2px solid #f0e4d9;border-radius:12px;margin-bottom:20px;padding:20px}.tips-label{color:#b85c38;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;margin:0 0 4px;text-align:center}.tips-subtitle{color:#7f8c8d;font-family:Inter,sans-serif;font-size:.8rem;font-style:italic;margin:0 0 12px;text-align:center}.tip-buttons{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.tip-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;gap:2px;justify-content:center;padding:6px 4px;transition:all .3s ease}.tip-btn:hover{background:#fef9f5;border-color:#b85c38;box-shadow:0 4px 12px #b85c3826;transform:translateY(-2px)}.tip-btn.selected{background:linear-gradient(135deg,#b85c38,#a14d2c);border-color:#b85c38;box-shadow:0 4px 12px #b85c384d;color:#fff}.no-tip-confirm{background:#fff;border:1px solid #ecd8c9;border-radius:10px;margin:2px 0 12px;padding:10px}.no-tip-confirm-title{color:#6a3a24;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 8px;text-align:center}.no-tip-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.no-tip-action-btn,.no-tip-continue-btn{background:#fff;border:1px solid #e3d4c9;border-radius:8px;color:#6d4a39;cursor:pointer;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;padding:8px 6px;transition:all .2s ease}.no-tip-action-btn:hover,.no-tip-continue-btn:hover{border-color:#b85c38;transform:translateY(-1px)}.no-tip-action-btn.recommended{background:#fff4ec;border-color:#d9b6a0;color:#9d4f2d}.no-tip-continue-btn{color:#6f7f87}.tip-pct{font-size:.9rem;font-weight:700;line-height:1}.tip-dollar{font-size:.64rem;font-weight:500;opacity:.8}.custom-tip-container{align-items:center;display:flex;gap:12px;justify-content:center;margin:12px 0 0}.custom-tip-label{color:#2c3e50;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;margin:0;white-space:nowrap}.custom-tip-input-wrapper{flex-shrink:0;max-width:120px;position:relative}.currency-symbol{color:#666;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.custom-tip-input{border:2px solid #e0e0e0;border-radius:6px;font-family:Inter,sans-serif;font-size:.9rem;padding:8px 8px 8px 24px;text-align:center;transition:all .3s ease;width:100%}.custom-tip-input:focus{border-color:#b85c38;box-shadow:0 0 0 3px #b85c381a;outline:none}.payment-summary-row.tip-row{background:#0000;border-radius:0;color:inherit;font-weight:inherit;margin:0;padding:8px 0}@media (max-width:480px){.tips-section{padding:12px}.tip-buttons{gap:5px;grid-template-columns:repeat(3,1fr)}.no-tip-actions{grid-template-columns:1fr}.tip-btn{font-size:.74rem;padding:5px 3px}.tip-dollar{font-size:.6rem}.custom-tip-container{gap:8px}.custom-tip-input-wrapper{max-width:100px}.custom-tip-input{font-size:.85rem;padding:6px 6px 6px 22px}.custom-tip-label{font-size:.8rem}}.toast-notification{align-items:center;animation:slideInRight .3s ease,fadeOut .3s ease 2.7s;border-radius:10px;box-shadow:0 4px 20px #00000026;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;gap:12px;max-width:500px;min-width:300px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:28px;justify-content:center;line-height:1;padding:0;width:28px}.toast-message{flex:1 1;line-height:1.4}.toast-success{background:#fff;border-left:6px solid #27ae60;color:#333}.toast-success .toast-icon{background:#27ae60;color:#fff}.toast-error{background:#fff;border-left:6px solid #e74c3c;color:#333}.toast-error .toast-icon{background:#e74c3c;color:#fff}.toast-warning{background:#fff;border-left:6px solid #f39c12;color:#333}.toast-warning .toast-icon{background:#f39c12;color:#fff}.toast-info{background:#fff;border-left:6px solid #3498db;color:#333}.toast-info .toast-icon{background:#3498db;color:#fff}@media (max-width:768px){.toast-notification{font-size:.95rem;left:10px;max-width:none;min-width:auto;padding:14px 18px;right:10px}.toast-icon{font-size:.8rem;height:24px;line-height:1;width:24px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;overflow:hidden;position:relative;width:90%}.modal-header{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;justify-content:center;margin-bottom:20px;padding:20px 24px 0}.modal-title{color:#2c3e50;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.4rem;height:30px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:30px}.modal-close-btn:hover{background:#0000001a;color:#333;transform:rotate(90deg)}.modal-body{padding:0 24px 20px}.modal-message{color:#555;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;margin:0;text-align:center}.modal-footer{background:#f8f9fa;display:flex;gap:12px;justify-content:center;padding:20px 24px}.modal-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;max-width:200px;min-width:120px;padding:12px 24px;transition:all .2s ease}.modal-cancel-btn{background:#6c757d;color:#fff}.modal-cancel-btn:hover{background:#5a6268;transform:translateY(-1px)}.modal-confirm-btn{color:#fff}.btn-success{background:#28a745}.btn-success:hover{background:#218838;transform:translateY(-1px)}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800;transform:translateY(-1px)}.modal-danger .modal-title{color:#dc3545}.modal-warning .modal-title{color:#ffc107}.modal-default .modal-title{color:#28a745}@media (max-width:480px){.modal-content{margin:0 auto;width:95%}.modal-header{padding:16px 20px 0}.modal-body{padding:0 20px 16px}.modal-footer{flex-direction:column;gap:8px;padding:16px 20px}.modal-btn{flex:none;max-width:none;width:100%}.modal-title{font-size:1.2rem}.modal-close-btn{font-size:1.8rem;height:28px;width:28px}}.item-summary-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:15px}.summary-title{color:#2c3e50;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:15px;text-align:center}.summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;overflow:hidden;transition:all .2s ease}.summary-card:hover{border-color:#ff9500;box-shadow:0 2px 8px #ff95001a;transform:translateY(-1px)}.summary-header{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:background .2s}.summary-header:hover{background:#f8f9fa}.item-info{gap:8px;justify-content:space-between;width:100%}.item-name{color:#2c3e50!important;flex:1 1;font-family:Poppins,sans-serif!important;font-size:1rem!important;font-weight:600!important;margin:0!important}.item-count{align-items:center;display:flex;gap:6px}.expand-arrow{color:#ff9500;flex-shrink:0;font-size:1rem;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.expand-arrow.expanded{transform:rotate(180deg)}.pending-count{background:linear-gradient(135deg,#ff9500,#ff6b35);border-radius:10px;color:#fff;font-size:.8rem;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.variants-container{background:#f8f9fa;border-top:1px solid #e9ecef;padding:10px}.variants-container h4{color:#2c3e50;font-size:.8rem;font-weight:600;margin:0 0 8px}.variant-row{background:#fff;border-left:2px solid #ff9500;border-radius:4px;margin:2px 0;padding:4px 8px}.variant-info{align-items:center;display:flex;justify-content:space-between}.variant-name{color:#2c3e50;font-size:.8rem;font-weight:500}.variant-count{background:#fff3cd;border-radius:6px;color:#ff9500;font-size:.7rem;font-weight:700;min-width:16px;padding:1px 6px;text-align:center}.no-items{color:#6c757d;font-size:1rem;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.summary-grid{grid-template-columns:1fr}.item-summary-container{margin-bottom:15px;padding:10px}.summary-title{font-size:1.1rem}}@media (max-width:480px){.summary-header{padding:8px}.item-name{font-size:.9rem}}.qof-container{bottom:30px;font-family:Inter,sans-serif;position:fixed;right:30px;z-index:1002}.qof-toggle-btn{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s ease;white-space:nowrap}.qof-toggle-btn:hover{box-shadow:0 6px 20px #e67e2280;transform:translateY(-3px)}.qof-toggle-btn.qof-expanded{background:linear-gradient(135deg,#e67e22,#d35400);border-radius:50px}.qof-btn-icon{font-size:1.3rem;font-weight:700;line-height:1}.qof-btn-text{letter-spacing:.5px}.qof-backdrop{animation:qof-fadeIn .3s ease-out;background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.qof-form-wrapper{animation:qof-slideUp .3s ease-out;background:#fff;border:2px solid #e67e22;border-radius:12px;bottom:75px;box-shadow:0 8px 30px #00000026;max-height:calc(100vh - 250px);max-width:calc(100vw - 60px);overflow-y:auto;padding:20px;position:absolute;right:0;width:650px;z-index:1001}.qof-form-header{margin-bottom:20px;text-align:center}.qof-title{align-items:center;color:#2c3e50;display:flex;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;gap:8px;justify-content:center;margin:0 0 5px}.qof-subtitle{color:#7f8c8d;font-size:.9rem;margin:0}.qof-form-body{display:flex;flex-direction:column;gap:20px}.qof-customer-row{display:flex;gap:15px}.qof-customer-section{display:flex;flex:1 1;flex-direction:column;gap:8px}.qof-label{color:#34495e;font-size:.95rem;font-weight:600}.qof-input{border:2px solid #dfe6e9;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;padding:10px 15px;transition:all .3s ease}.qof-input:focus{border-color:#e67e22;box-shadow:0 0 0 3px #e67e221a;outline:none}.qof-input:disabled{background-color:#ecf0f1;cursor:not-allowed}.qof-textarea{line-height:1.5;max-height:150px;min-height:60px;resize:vertical}.qof-tip-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:10px}.qof-tip-section .qof-label{font-size:.9rem;margin-bottom:0}.qof-tip-buttons{display:flex;flex-wrap:wrap;gap:6px}.qof-tip-btn{align-items:center;background:#fff;border:1.5px solid #dfe6e9;border-radius:6px;color:#2c3e50;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;font-size:.85rem;font-weight:600;gap:2px;line-height:1.2;min-width:55px;padding:6px 10px;transition:all .2s ease}.qof-tip-pct{font-size:.88rem;font-weight:700}.qof-tip-dollar{font-size:.7rem;font-weight:500;opacity:.75}.qof-tip-btn:hover:not(:disabled){border-color:#f39c12}.qof-tip-btn.selected{background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#e67e22;color:#fff}.qof-tip-btn:disabled{cursor:not-allowed;opacity:.6}.qof-custom-tip-input{border:1.5px solid #dfe6e9;border-radius:6px;flex:1 1;font-family:Inter,sans-serif;font-size:.85rem;min-width:90px;padding:6px 10px}.qof-custom-tip-input:focus{border-color:#f39c12;outline:none}.qof-custom-tip-input:disabled{background:#f8f9fa;cursor:not-allowed}.qof-custom-tip-input::placeholder{font-size:.8rem}.qof-items-section{display:flex;flex-direction:column;gap:10px}.qof-menu-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.qof-category-header{border-bottom:2px solid #e3f0ff;color:#2196f3;font-size:12px;font-weight:700;grid-column:1/-1;letter-spacing:.08em;margin-top:4px;padding:6px 2px 2px;text-transform:uppercase}.qof-menu-item-btn{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #dfe6e9;border-radius:8px;cursor:pointer;flex-direction:column;font-family:Inter,sans-serif;gap:5px;padding:12px;position:relative;transition:all .3s ease}.qof-item-count-badge,.qof-menu-item-btn{align-items:center;display:flex;justify-content:center}.qof-item-count-badge{background:#27ae60;border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;height:20px;line-height:1;min-width:20px;padding:0 4px;position:absolute;right:-8px;top:-8px}.qof-menu-item-btn:hover:not(:disabled){background:linear-gradient(135deg,#fff5ee,#ffe8d6);border-color:#e67e22;box-shadow:0 4px 12px #e67e2233;transform:translateY(-2px)}.qof-menu-item-btn:disabled{cursor:not-allowed;opacity:.6}.qof-item-in-cart{background:linear-gradient(135deg,#eafaf1,#d5f5e3);border-color:#27ae60}.qof-item-in-cart .qof-item-name{color:#1e8449}.qof-item-in-cart .qof-item-price{color:#27ae60;font-weight:700}.qof-item-name{color:#2c3e50;font-size:.9rem;font-weight:600;text-align:center}.qof-item-price{color:#27ae60;font-size:.85rem;font-weight:700}.qof-cart-section{background:linear-gradient(135deg,#f8f9fa,#ecf0f1);border:2px solid #dfe6e9;border-radius:10px;padding:15px}.qof-cart-items,.qof-cart-section{display:flex;flex-direction:column;gap:10px}.qof-cart-item{align-items:center;background:#fff;border:1px solid #dfe6e9;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.qof-cart-item-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.qof-cart-item-name{color:#2c3e50;font-size:.95rem;font-weight:600}.qof-cart-item-price{color:#27ae60;font-size:.85rem;font-weight:600}.qof-cart-item-controls{align-items:center;display:flex;gap:8px}.qof-qty-btn{align-items:center;background:#fff;border:2px solid #3498db;border-radius:6px;color:#3498db;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:30px;justify-content:center;line-height:1;transition:all .2s ease;width:30px}.qof-qty-btn:hover:not(:disabled){background:#3498db;color:#fff;transform:scale(1.1)}.qof-qty-btn:disabled{cursor:not-allowed;opacity:.5}.qof-qty-display{color:#2c3e50;font-size:1rem;font-weight:700;min-width:30px;text-align:center}.qof-remove-btn{align-items:center;background:#fff;border:2px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:30px;justify-content:center;line-height:1;margin-left:5px;transition:all .2s ease;width:30px}.qof-remove-btn:hover:not(:disabled){background:#e74c3c;color:#fff;transform:scale(1.1)}.qof-remove-btn:disabled{cursor:not-allowed;opacity:.5}.qof-cart-total{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:5px;padding:12px 15px}.qof-total-row{align-items:center;display:flex;justify-content:space-between}.qof-tip-row{color:#f39c12;font-weight:600}.qof-grand-total{border-top:2px solid #27ae60;color:#27ae60;font-size:1.15rem;font-weight:700;padding-top:8px}.qof-total-label{color:#2c3e50;font-size:1rem}.qof-grand-total .qof-total-amount,.qof-grand-total .qof-total-label{color:#27ae60}.qof-total-amount{color:#2c3e50;font-size:1.1rem;font-weight:700}.qof-grand-total .qof-total-amount{font-size:1.3rem}.qof-form-actions{display:flex;gap:10px;margin-top:15px}.qof-submit-btn{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.qof-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.qof-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.qof-cancel-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.qof-cancel-btn:hover:not(:disabled){transform:translateY(-2px)}.qof-cancel-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.qof-modal-overlay{align-items:center;animation:qof-fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes qof-fadeIn{0%{opacity:0}to{opacity:1}}.qof-modal{animation:qof-slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}@keyframes qof-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qof-modal-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;padding:20px}.qof-modal-title{color:#2c3e50;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700;margin:0}.qof-modal-close{align-items:center;background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.qof-modal-close:hover{background:#c0392b;transform:scale(1.1)}.qof-modal-content{display:flex;flex-direction:column;gap:15px;padding:20px}.qof-modal-label{color:#34495e;font-size:.95rem;font-weight:600;margin-bottom:5px}.qof-spice-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:10px;padding:15px;transition:all .3s ease}.qof-spice-section:hover{border-color:#e67e22;box-shadow:0 4px 12px #e67e2226}.qof-spice-selector{display:flex;flex-direction:column;gap:8px}.qof-spice-slider{appearance:none;background:linear-gradient(90deg,#ddd 0,#e67e22);border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;cursor:pointer;height:10px;outline:none;transition:all .3s ease;width:100%}.qof-spice-slider:hover{box-shadow:inset 0 1px 3px #00000026,0 2px 8px #e67e2233}.qof-spice-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #e67e22;border-radius:50%;box-shadow:0 2px 10px #e67e224d;cursor:pointer;height:28px;-webkit-transition:all .2s ease;transition:all .2s ease;width:28px}.qof-spice-slider::-webkit-slider-thumb:hover{border-color:#d35400;box-shadow:0 4px 15px #e67e2280;transform:scale(1.15)}.qof-spice-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.qof-spice-slider::-moz-range-thumb{background:#fff;border:3px solid #e67e22;border-radius:50%;box-shadow:0 2px 10px #e67e224d;cursor:pointer;height:28px;-moz-transition:all .2s ease;transition:all .2s ease;width:28px}.qof-spice-slider::-moz-range-thumb:hover{border-color:#d35400;box-shadow:0 4px 15px #e67e2280;transform:scale(1.15)}.qof-spice-slider::-moz-range-thumb:active{transform:scale(1.05)}.qof-spice-levels{color:#5a6c7d;display:flex;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;justify-content:space-between;margin-top:4px;padding:0 5px}.qof-option-container,.qof-spice-levels span{transition:all .2s ease}.qof-option-container{background:#f8f9fa;border-radius:8px;padding:10px}.qof-option-container:hover{background:#ecf0f1}.qof-option-label{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-weight:500;gap:12px}.qof-option-label input[type=checkbox],.qof-option-label input[type=radio]{accent-color:#e67e22;cursor:pointer;height:20px;width:20px}.qof-option-text{flex:1 1;font-size:.95rem}.qof-modal-actions{border-top:2px solid #ecf0f1;display:flex;gap:10px;padding:20px}.qof-modal-confirm{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.qof-modal-confirm:hover:not(:disabled){box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.qof-modal-confirm:disabled{background:#c8c8c8;box-shadow:none;color:#6b6b6b;cursor:not-allowed;opacity:1;transform:none}.qof-modal-cancel{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.qof-modal-cancel:hover{box-shadow:0 6px 20px #7f8c8d66;transform:translateY(-2px)}@media (max-width:768px){.qof-customer-row{flex-direction:column;gap:20px}.qof-menu-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.qof-menu-item-btn{padding:10px}.qof-item-name{font-size:.85rem}.qof-item-price{font-size:.8rem}.qof-tip-section{padding:8px}.qof-tip-buttons{gap:5px}.qof-tip-btn{font-size:.8rem;min-width:50px;padding:5px 10px}.qof-custom-tip-input{font-size:.8rem;min-width:80px}.qof-form-actions{flex-direction:column}.qof-modal{max-height:90vh;width:95%}.qof-modal-title{font-size:1.1rem}.qof-form-wrapper{max-width:calc(100vw - 60px);width:500px}}@media (max-width:480px){.qof-menu-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.qof-title{font-size:1.2rem}.qof-subtitle{font-size:.85rem}.qof-container{bottom:20px;right:20px}.qof-toggle-btn{font-size:.95rem;padding:14px 20px}.qof-form-wrapper{width:calc(100vw - 80px)}.qof-tip-btn{flex:1 1;min-width:0}.qof-custom-tip-input{flex:1 1 100%;min-width:0;width:100%}}.qof-create-order-btn{align-items:center;background:linear-gradient(135deg,#7f8c8d,#636e72);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:6px;justify-content:center;padding:12px 18px;transition:all .3s ease}.qof-create-order-btn svg{flex-shrink:0;height:1.1rem;width:1.1rem}.qof-create-order-btn:hover:not(:disabled){transform:translateY(-2px)}.qof-create-order-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.qof-cash-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#1e8449);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:6px;justify-content:center;padding:12px 18px;transition:all .3s ease}.qof-cash-btn:hover:not(:disabled){transform:translateY(-2px)}.qof-cash-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.qof-stripe-pay-btn{align-items:center;background:linear-gradient(135deg,#635bff,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:6px;justify-content:center;padding:12px 18px;transition:all .3s ease}.qof-stripe-pay-btn:hover:not(:disabled){transform:translateY(-2px)}.qof-stripe-pay-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.qof-stripe-overlay{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:0}.qof-stripe-breakdown{border:1px solid #e0e0e0;border-radius:10px;margin:0 4px 16px;overflow:hidden}.qof-breakdown-row{align-items:center;border-bottom:1px solid #f0f0f0;color:#444;display:flex;font-size:.95rem;justify-content:space-between;padding:10px 16px}.qof-breakdown-row:last-child{border-bottom:none}.qof-breakdown-total{background:#f8f4ff;color:#2c1b6e;font-size:1.05rem;font-weight:700}.qof-link-body{gap:14px}.qof-amount-display,.qof-link-body{align-items:center;display:flex;flex-direction:column}.qof-amount-display{background:linear-gradient(135deg,#635bff,#4f46e5);border-radius:12px;box-sizing:border-box;color:#fff;padding:14px 32px;width:100%}.qof-amount-label{font-size:.85rem;letter-spacing:.05em;margin-bottom:4px;opacity:.85;text-transform:uppercase}.qof-amount-value{font-size:2rem;font-weight:700}.qof-qr-container{align-items:center;background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:14px;width:100%}.qof-qr-code{border-radius:8px;display:block;height:200px;width:200px}.qof-qr-caption{color:#666;font-size:.85rem;font-style:italic;margin:0}.qof-open-link-btn{background:linear-gradient(135deg,#635bff,#4f46e5);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:600;padding:12px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.qof-open-link-btn:hover{box-shadow:0 6px 18px #635bff66;transform:translateY(-2px)}.qof-copy-btn{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:8px;color:#444;cursor:pointer;font-size:.9rem;font-weight:600;padding:11px;transition:all .2s ease;width:100%}.qof-copy-btn:hover{background:#e4e4e4}.qof-share-btn{background:linear-gradient(135deg,#0077b6,#005f99);border:none;border-radius:8px;box-shadow:0 4px 12px #0077b64d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:11px;transition:all .2s ease;width:100%}.qof-share-btn:hover{box-shadow:0 6px 18px #0077b666;transform:translateY(-2px)}.menu-management-container{font-family:Inter,sans-serif;margin:0 auto;width:100%}.menu-management-header{margin-bottom:30px;text-align:center}.menu-management-header h2{justify-content:center}.menu-management-header h1{color:#2c3e50;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:10px}.menu-subtitle{color:#7f8c8d;font-size:1.1rem;margin:20px 0}.menu-management-actions{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:30px;margin-right:20px}.add-item-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.add-item-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px)}.category-filter{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 15px;transition:all .3s ease}.category-filter:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.admin-item-search{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;display:flex;flex:1 1;gap:7px;max-width:280px;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.admin-item-search:focus-within{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.admin-item-search-icon{color:#adb5bd;flex-shrink:0;font-size:15px}.admin-item-search-input{background:#0000;border:none;color:#2c3e50;flex:1 1;font-size:.95rem;min-width:0;outline:none}.admin-item-search-input::placeholder{color:#adb5bd}.admin-item-search-clear{align-items:center;background:none;border:none;color:#adb5bd;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;padding:0;transition:color .2s}.admin-item-search-clear:hover{color:#e74c3c}.loading-spinner{color:#7f8c8d;height:300px}.spinner{border-top-color:#3498db;height:40px;width:40px}.item-form-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.item-form-container{background:#fff;border:2px solid #94a3b8;border-radius:12px;box-shadow:0 8px 32px #0000002e;max-height:82vh;max-width:800px;overflow-y:auto;width:100%}.form-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 28px}.form-header h2{color:#1a1a2e;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:-.01em;margin:0}.form-close-btn{align-items:center;background:none;border:none;border-radius:6px;box-shadow:none;color:#6c757d;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;padding:0;transition:background .15s,color .15s;width:32px}.form-close-btn:hover{background:#f1f3f5;box-shadow:none;color:#212529;transform:none}.item-form{margin:0;padding:24px 28px}.form-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-bottom:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1/-1;margin-bottom:16px}.form-group label{color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.95rem;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.extra-options-container,.options-container{display:flex;flex-direction:column;gap:10px}.extra-option-input-group,.option-input-group{align-items:center;display:flex;gap:10px;min-width:0}.option-input-group input{min-width:0}.extra-option-input-group input:first-child{flex:2 1}.price-input-wrapper{align-items:stretch;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;flex:1 1;overflow:hidden}.price-input-wrapper:focus-within{border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a}.price-prefix{align-items:center;align-self:stretch;background:#f9fafb;border-right:1px solid #d1d5db;color:#6b7280;display:flex;font-size:.95rem;font-weight:500;padding:0 8px;-webkit-user-select:none;user-select:none}.price-input-wrapper input{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1 1;outline:none;padding:10px 8px}.remove-option-btn{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:38px;justify-content:center;transition:background .15s,color .15s;width:38px}.remove-option-btn:hover{background:#fecaca;border-color:#f87171;color:#b91c1c;transform:none}.add-option-btn{align-items:center;align-self:flex-start;background:none;border:1px dashed #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:6px;margin-top:6px;padding:7px 14px;transition:background .15s,border-color .15s}.add-option-btn:hover{background:#f3f4f6;border-color:#9ca3af}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:18px}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 22px;transition:background .15s}.cancel-btn:hover{background:#f3f4f6;transform:none}.save-btn{background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:background .15s}.save-btn:hover{background:#1f2937;transform:none}.save-btn:disabled{background:#9ca3af}.menu-items-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:30px;width:100%}.menu-item-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 25px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.menu-item-card:hover{border-color:#3498db;box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.item-image{flex-shrink:0;height:200px;overflow:hidden;position:relative}.item-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.menu-item-card:hover .item-image img{transform:scale(1.05)}.placeholder-image{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#6c757d;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.placeholder-image span{font-size:3rem;margin-bottom:10px}.item-category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3498dbe6;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;position:absolute;right:15px;top:15px}.menu-item-details{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:20px;text-align:center}.status-toggle-btn{align-items:center;background:none;border:1px solid #dee2e6;border-radius:20px;color:#6c757d;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:4px;justify-content:center;margin-top:8px;padding:6px 12px;transition:all .3s ease;width:100%}.status-toggle-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.menu-management-container .item-name{color:#2c3e50!important;flex:initial!important;font-family:Poppins,sans-serif!important;font-size:1.3rem!important;font-weight:600!important;margin:0 0 10px!important;text-align:center!important}.item-description{color:#7f8c8d;font-size:.9rem;line-height:1.5}.item-description,.item-price{margin-bottom:15px;text-align:center}.item-price{color:#27ae60;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700}.item-extra-options,.item-options{color:#6c757d;flex-grow:1;font-size:.8rem;margin-bottom:8px;text-align:center}.item-actions{background:#f8f9fa;display:flex;flex-shrink:0;gap:10px;margin-top:auto;padding:15px 20px}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:5px;justify-content:center;padding:10px;transition:all .2s ease}.edit-btn{background:#3498db;color:#fff}.edit-btn:hover{background:#2980b9;transform:translateY(-1px)}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b;transform:translateY(-1px)}.empty-menu{color:#7f8c8d;grid-column:1/-1;padding:60px 20px;text-align:center}.empty-menu p{font-size:1.2rem;margin-bottom:20px}.add-first-item-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.add-first-item-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px)}.menu-management-container input[type=text]:not(.category-input){margin-bottom:0;width:auto}.other-options-info,.premium-options-info,.spice-levels-info{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;margin-bottom:15px;padding:10px 15px}.spice-levels-info{background:#fdf2f2;border-left-color:#e74c3c}.other-options-info{background:#fef9e7;border-left-color:#f39c12}.premium-options-info{background:#f0fff4;border-left-color:#27ae60}.other-options-info p,.premium-options-info p,.spice-levels-info p{color:#666;font-size:.9rem;font-style:italic;margin:0}.spice-level-group{background:#fdf2f2;border:2px solid #fadbd8;border-radius:8px;padding:10px}.other-option-group{background:#fef9e7;border:2px solid #fcf3cf;border-radius:8px;padding:10px}.other-option-group:hover,.spice-level-group:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.option-icon,.premium-icon,.spice-icon{flex-shrink:0;font-size:1.2rem;margin-right:8px}.spice-add-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #fadbd8}.spice-add-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px)}.other-add-btn{background:linear-gradient(135deg,#f39c12,#e67e22);border:2px solid #fcf3cf;color:#fff}.other-add-btn:hover{background:linear-gradient(135deg,#e67e22,#d35400);transform:translateY(-2px)}.premium-add-btn{background:linear-gradient(135deg,#27ae60,#229954);border:2px solid #d5f4e6;color:#fff}.premium-add-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px)}.spice-options{border:2px solid #fadbd8;border-radius:10px}.other-options,.spice-options{background:#fefefe;padding:15px}.other-options{border:2px solid #fcf3cf;border-radius:10px}.option-input-group{align-items:center;display:flex;gap:10px;margin-bottom:10px;transition:all .3s ease}.option-input-group input{border:2px solid #e9ecef;flex:1 1;transition:all .3s ease}.option-input-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.extra-options-container{background:#fefefe;border:2px solid #d5f4e6;border-radius:10px;padding:15px}.extra-option-input-group{background:#f0fff4;border:2px solid #d5f4e6;border-radius:8px;margin-bottom:10px;padding:10px;transition:all .3s ease}.extra-option-input-group:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.spice-level-info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px 18px}.spice-level-info-box h4{align-items:center;color:#111827;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;gap:6px;margin:0 0 4px}.spice-level-info-box p{color:#6b7280;font-size:.85rem;font-style:normal;margin:0}@media (max-width:600px){.spice-level-info-box>div{align-items:flex-start!important;flex-direction:column!important}}.form-toggle-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:6px;padding:7px 16px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.form-toggle-btn:hover{background:#f3f4f6;border-color:#9ca3af}.form-toggle-btn--active{background:#111827;border-color:#111827;color:#fff}.form-toggle-btn--active:hover{background:#1f2937;border-color:#1f2937}.image-upload-container{align-items:center;display:flex;flex-direction:column;gap:15px}.image-upload-input{background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;box-sizing:border-box;cursor:pointer;padding:10px 12px;transition:border-color .15s;width:100%}.image-upload-input:hover{background:#e3f2fd;border-color:#2980b9}.upload-progress{align-items:center;background:#e3f2fd;border-radius:6px;color:#2980b9;display:flex;gap:10px;padding:10px}.upload-spinner{animation:spin 1s linear infinite;border:2px solid #e3f2fd;border-radius:50%;border-top-color:#2980b9;height:20px;width:20px}.image-preview-container{display:inline-block;max-width:200px;position:relative}.image-preview{border:3px solid #3498db;border-radius:8px;box-shadow:0 4px 15px #0000001a;height:150px;object-fit:cover;width:100%;width:200px}.remove-image-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;box-shadow:0 2px 8px #e74c3c4d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:30px}.remove-image-btn:hover{background:#c0392b;transform:scale(1.1)}.image-upload-info{color:#666;font-size:.9rem;text-align:center}.image-upload-info p{margin:4px 0}.save-btn:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.save-btn:disabled:hover{background:#bdc3c7;transform:none}@media (max-width:768px){.add-option-btn{justify-content:center;width:100%}.menu-management-header h1{font-size:2rem}.menu-management-actions{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-left:10px;margin-right:10px}.add-item-btn,.category-filter{flex:1 1;font-size:.9rem;padding:10px 12px}.admin-item-search{flex:1 1 100%;max-width:100%}.form-grid{gap:10px;grid-template-columns:1fr;margin-bottom:10px}.item-form-container{margin:10px;max-height:80vh;width:calc(100% - 20px)}.item-form{padding:14px 16px}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{box-sizing:border-box;padding:10px;width:100%}.menu-items-grid{gap:20px;grid-template-columns:1fr}.form-actions{flex-direction:row}.cancel-btn,.save-btn{flex:1 1}}@media (max-width:480px){.item-form{padding:10px 12px}.form-header{padding:10px 14px}.form-header h2{font-size:1.1rem}.item-form-container{margin:6px;max-height:85vh;width:calc(100% - 12px)}.item-form-overlay{align-items:flex-start;padding:10px 6px 6px}.form-group{margin-bottom:6px}.form-group textarea{min-height:60px}.form-group.full-width{margin-bottom:8px}.form-actions{margin-top:12px;padding-top:12px}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{font-size:.95rem;padding:10px}.extra-option-input-group input,.option-input-group input{font-size:.9rem;padding:8px}.extra-option-input-group input:first-child{flex:2 1;min-width:0}.price-input-wrapper{flex:1 1;min-width:0}.option-icon,.premium-icon{font-size:1rem}.remove-option-btn{font-size:1.1rem;height:38px;width:38px}}.no-modal-section{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:15px}.no-modal-label{align-items:center;cursor:pointer;display:flex;font-family:Inter,sans-serif;gap:12px}.no-modal-checkbox{cursor:pointer;margin-top:2px;transform:scale(1.2)}.no-modal-text{flex:1 1;line-height:1.4}.no-modal-text strong{color:#856404;font-size:1rem}.no-modal-text small{color:#6c757d;font-size:.85rem}.inactive-overlay{background:linear-gradient(135deg,#dc3545,#c82333);border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;left:15px;padding:4px 8px;position:absolute;top:15px;z-index:2}.active-status-section{background:#e8f5e8;border:2px solid #28a745;border-radius:8px;padding:15px}.active-status-label{align-items:center;cursor:pointer;display:flex;font-family:Inter,sans-serif;gap:12px}.active-status-checkbox{accent-color:#28a745;cursor:pointer;margin-top:2px;transform:scale(1.2)}.active-status-text{flex:1 1;line-height:1.4}.active-status-text strong{color:#155724;font-size:1rem}.active-status-text small{color:#6c757d;font-size:.85rem}.menu-item-card.inactive{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;opacity:.6}.menu-item-card.inactive .item-category-badge{background:#6c757de6}.menu-item-card.inactive .inactive-overlay:after{content:"UNAVAILABLE"}.status-toggle-btn.activate{background:#28a7451a;border-color:#28a745;color:#28a745}.status-toggle-btn.activate:hover{background:#28a745;box-shadow:0 3px 12px #28a7454d;color:#fff}.status-toggle-btn.deactivate{background:#dc35451a;border-color:#dc3545;color:#dc3545}.status-toggle-btn.deactivate:hover{background:#dc3545;box-shadow:0 3px 12px #dc35454d;color:#fff}.tab-navigation{gap:10px;margin:20px 0;padding-bottom:5px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#7f8c8d;padding:12px 24px;position:relative;top:2px}.tab-btn.active{border-bottom-color:#3498db;color:#3498db}.category-form-container{animation:slideDown .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:500px;width:90%}.categories-management-view{padding:20px 0}.categories-info-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:30px;padding:25px;text-align:center}.categories-info-box h3{font-size:1.5rem;margin-bottom:10px}.categories-info-box p{font-size:1rem;margin:0;opacity:.95}.tab-navigation{display:flex;gap:15px;justify-content:center;margin:25px 0;padding:0 20px}.tab-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#555;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.tab-btn:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db33;color:#3498db;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;box-shadow:0 4px 15px #3498db4d;color:#fff}.categories-header{margin-bottom:30px;text-align:center}.categories-header h2{color:#2c3e50;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin-bottom:10px}.section-subtitle{color:#7f8c8d;font-size:1rem;margin:10px 0}.add-category-section{margin-bottom:25px}.add-category-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #cbd5e0;border-radius:10px;padding:20px;text-align:center}.add-category-card h3{color:#2c3e50;font-family:Poppins,sans-serif;font-size:1.1rem;margin-bottom:15px}.add-category-form{align-items:center;display:flex;gap:12px;justify-content:center;margin:0 auto;max-width:600px}.category-input{border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-size:1rem;padding:12px 16px;transition:all .3s ease}.category-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.add-category-btn{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-category-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px)}.categories-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%}.category-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;padding:0;transition:all .3s ease}.category-card:hover{border-color:#3498db;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.category-card-header{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:10px 10px 0 0;display:flex;gap:15px;justify-content:center;min-height:70px;padding:30px 20px 0;position:relative}.category-count-badge{background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:12px;padding:5px 12px;position:absolute;top:12px}.category-title-section{align-items:center;display:flex;flex:1 1;justify-content:center}.category-name{color:#fff;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;left:50%;margin:0;position:absolute;text-align:center;transform:translateX(-50%);word-break:break-word}.category-count{background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:5px 14px}.category-actions{grid-gap:6px;display:grid;flex-shrink:0;gap:6px;grid-template-columns:repeat(2,1fr);position:absolute;right:10px;top:10px}.delete-category-btn,.move-category-btn,.rename-category-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;min-width:36px;padding:6px 10px;transition:all .2s ease}.move-category-btn:disabled{cursor:not-allowed;opacity:.3}.delete-category-btn:hover,.move-category-btn:hover:not(:disabled),.rename-category-btn:hover{background:#ffffff4d;transform:scale(1.05)}.rename-input-group{align-items:center;display:flex;gap:8px}.rename-input{border:2px solid #fff;border-radius:6px;flex:1 1;font-size:1rem;font-weight:600;padding:8px 12px}.cancel-rename-btn,.confirm-rename-btn{background:#ffffffe6;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:700;padding:8px 12px;transition:all .2s ease}.confirm-rename-btn{color:#27ae60}.confirm-rename-btn:hover{background:#27ae60;color:#fff}.cancel-rename-btn{color:#e74c3c}.cancel-rename-btn:hover{background:#e74c3c;color:#fff}.category-stats{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:15px;justify-content:center;padding:15px 20px}.stat-item{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:6px}.stat-item.available{color:#27ae60}.stat-item.unavailable{color:#e74c3c}.stat-icon{align-items:center;display:flex;font-size:1rem;position:relative;top:-.5px}.add-item-to-category-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin:15px 15px 0;padding:12px 20px;transition:all .3s ease;width:calc(100% - 30px)}.add-item-to-category-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px)}.add-item-to-category-btn:active{transform:translateY(0)}.category-items-list{max-height:400px;overflow-y:auto;padding:15px}.empty-category{color:#7f8c8d;font-style:italic;padding:30px 20px;text-align:center}.category-item{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;padding:12px;transition:all .2s ease}.category-item:hover{background:#f8f9fa;border-color:#3498db}.category-item.inactive-item{background:#f8f9fa;opacity:.6}.item-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:200px}.item-thumbnail{border:2px solid #e9ecef;border-radius:6px;height:50px;object-fit:cover;width:50px}.item-details{display:flex;flex-direction:column;gap:4px}.item-name-mini{color:#2c3e50;font-size:.95rem;font-weight:600}.item-price-mini{color:#27ae60;font-size:.9rem;font-weight:700}.status-badge{border-radius:20px;font-size:.8rem;font-weight:700;padding:4px 10px}.active-badge{background:#d4edda;color:#27ae60}.inactive-badge{background:#f8d7da;color:#e74c3c}.status-toggle-mini-btn{border:none;border-radius:20px;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:700;padding:6px 12px;transition:all .2s ease}.status-toggle-mini-btn.active-mini{background:#27ae60;color:#fff}.status-toggle-mini-btn.active-mini:hover{background:#229954;transform:scale(1.05)}.status-toggle-mini-btn.inactive-mini{background:#e74c3c;color:#fff}.status-toggle-mini-btn.inactive-mini:hover{background:#c0392b;transform:scale(1.05)}.item-mini-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;width:100%}.delete-item-mini-btn,.edit-item-mini-btn,.move-item-btn,.move-order-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#2c3e50;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;height:38px;justify-content:center;padding:10px 8px;transition:all .2s ease}.move-order-btn:disabled{cursor:not-allowed;opacity:.3}.move-order-btn:hover:not(:disabled){background:#e9ecef;border-color:#ced4da;color:#2c3e50;transform:scale(1.1)}.move-item-btn:hover{background:#3498db;border-color:#3498db;color:#fff;transform:scale(1.1)}.edit-item-mini-btn:hover{background:#f39c12;border-color:#f39c12;color:#fff;transform:scale(1.1)}.delete-item-mini-btn:hover{background:#e74c3c;border-color:#e74c3c;color:#fff;transform:scale(1.1)}.move-item-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.move-item-modal{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.move-modal-header{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:14px 14px 0 0;display:flex;justify-content:space-between;padding:20px 25px}.move-modal-header h3{color:#fff;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:600;margin:0}.close-move-modal{align-items:center;background:none;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:2rem;height:35px;justify-content:center;padding:0;transition:all .2s ease;width:35px}.close-move-modal:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.move-modal-content{padding:25px}.moving-item-preview{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.moving-item-preview img{border:2px solid #e9ecef;border-radius:8px;height:70px;object-fit:cover;width:70px}.moving-item-preview h4{color:#2c3e50;font-size:1.1rem;margin:0 0 5px}.moving-item-preview p{color:#7f8c8d;font-size:.9rem;margin:0}.target-category-selector{margin-bottom:25px}.target-category-selector label{color:#2c3e50;display:block;font-size:1rem;font-weight:600;margin-bottom:10px}.target-category-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.target-category-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.move-modal-actions{display:flex;gap:12px;justify-content:space-between}.cancel-move-btn,.confirm-move-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-move-btn{background:#e9ecef;color:#555}.cancel-move-btn:hover{background:#cbd5e0}.confirm-move-btn{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 12px #27ae604d;color:#fff}.confirm-move-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 16px #27ae6066;transform:translateY(-2px)}@media (max-width:768px){.tab-navigation{flex-direction:column;padding:0 10px}.tab-btn{justify-content:center;width:100%}.categories-header h2{font-size:1.5rem}.section-subtitle{font-size:.9rem}.add-category-form{flex-direction:column}.add-category-btn,.category-input{box-sizing:border-box;font-size:1rem;padding:12px 16px;width:100%}.menu-management-container .category-input{width:100%}.categories-grid{grid-template-columns:1fr}.category-card-header{padding:15px}.category-name{font-size:1.5rem}.category-actions{flex-shrink:0}.item-mini-actions{flex-wrap:wrap;justify-content:flex-end}.delete-item-mini-btn,.edit-item-mini-btn,.move-item-btn{height:34px;min-width:34px;padding:6px 10px}.category-item{padding:10px}.item-thumbnail{height:45px;width:45px}}@media (max-width:480px){.category-card-header{flex-direction:row;gap:10px;justify-content:center;min-height:80px;padding:20px 20px 0}.category-count-badge{left:10px;top:10px}.category-name{left:auto;max-width:calc(100% - 120px);padding-top:0;position:relative;transform:none}.category-actions{gap:6px;margin-left:0;position:absolute;right:10px;top:10px}.delete-category-btn,.move-category-btn,.rename-category-btn{font-size:1rem;height:36px;min-width:36px;padding:6px 10px}.item-info{flex-wrap:wrap;min-width:100%}.item-mini-actions{justify-content:space-around;width:100%}.delete-item-mini-btn,.edit-item-mini-btn,.move-item-btn,.move-order-btn{flex:1 1}}.analytics-container{animation:fadeIn .4s ease-in;max-width:100%;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics-loading{min-height:400px;width:100%}.analytics-loading,.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner{color:#666;flex-direction:column}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analytics-title{align-items:center;border-bottom:3px solid #2196f3;color:#2c3e50;display:flex;font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;gap:10px;justify-content:center;margin:-5px 0 30px;padding-bottom:15px}.analytics-header{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.header-controls{display:flex;flex-wrap:wrap;gap:10px}.control-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.control-btn:hover{background:#f0f7ff;border-color:#2196f3;color:#2196f3}.control-btn.active{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3;color:#fff}.control-btn.export{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff}.control-btn.export:hover{background:linear-gradient(135deg,#45a049,#3d8b40)}.time-filter{display:flex;gap:10px}.time-filter button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.time-filter button:hover{background:#f0f7ff;border-color:#2196f3;color:#2196f3}.time-filter button.active{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3;color:#fff}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.metric-card{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-5px)}.metric-icon{align-items:center;display:flex;font-size:36px;justify-content:center;line-height:1}.metric-content{flex:1 1;text-align:center}.metric-content h3{color:#666;font-size:14px;font-weight:500;margin:0 0 5px}.metric-value{color:#333;font-size:28px;font-weight:700;margin:5px 0}.metric-sublabel{color:#999;font-size:12px}.analytics-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:25px}.analytics-section h3{align-items:center;color:#333;display:flex;font-size:20px;gap:8px;margin:0 0 20px}.status-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-card{background:#f9f9f9;border-radius:10px;padding:20px;text-align:center}.status-card.completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.status-card.pending{background:linear-gradient(135deg,#fff8e1,#ffecb3)}.status-card.cancelled{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.status-card.paid{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.status-number{color:#333;font-size:36px;font-weight:700;margin-bottom:5px}.status-label{color:#666;font-size:14px;font-weight:500;margin-bottom:10px}.status-bar{background:#ffffff80;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.status-fill{background:linear-gradient(90deg,#2196f3,#1976d2);height:100%;transition:width .5s ease}.status-percentage{color:#666;font-size:12px;font-weight:600}.analytics-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.chart-section{margin-bottom:0}.chart-container{display:flex;flex-direction:column;gap:15px}.chart-item{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background .3s ease}.chart-item:hover{background:#f0f0f0}.chart-rank{color:#ff9800;font-size:18px;font-weight:700;min-width:35px}.chart-info{flex:1 1;min-width:0}.chart-label{color:#333;font-size:15px;font-weight:600;margin-bottom:4px}.chart-stats{color:#666;display:flex;font-size:12px;gap:15px}.chart-count{color:#2196f3;font-weight:500}.chart-revenue{color:#4caf50;font-weight:600}.chart-bar-container{background:#c8c8c84d;border-radius:12px;flex:1 1;height:24px;min-width:100px;overflow:hidden}.chart-bar{background:linear-gradient(90deg,#2196f3,#1976d2);border-radius:12px;height:100%;transition:width .5s ease}.chart-bar.category{background:linear-gradient(90deg,#f093fb,#f5576c)}.revenue-trend{align-items:flex-end;background:linear-gradient(0deg,#f9f9f9 0,#fff);border-radius:8px;display:flex;gap:10px;height:200px;justify-content:space-around;padding:20px}.trend-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:80px}.trend-bar{align-items:flex-start;background:linear-gradient(0deg,#667eea 0,#764ba2);border-radius:8px 8px 0 0;display:flex;justify-content:center;min-height:20px;padding-top:8px;position:relative;transition:all .3s ease;width:100%}.trend-bar:hover{opacity:.8;transform:scaleY(1.05)}.trend-value{color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 2px #0000004d}.trend-label{color:#666;font-size:12px;font-weight:500;text-align:center}.peak-hours{display:flex;flex-direction:column;gap:12px}.peak-hours-chart{padding:20px 10px}.hour-item,.peak-hours-chart{background:#f9f9f9;border-radius:8px}.hour-item{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:80px 1fr 80px;padding:10px}.hour-time{color:#333;font-size:14px;font-weight:600}.hour-bar-container{background:#c8c8c84d;border-radius:10px;height:20px;overflow:hidden}.hour-bar{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:10px;height:100%;transition:width .5s ease}.hour-count{color:#666;font-size:13px;font-weight:600;text-align:right}.no-data{color:#999;font-style:italic;padding:40px 20px;text-align:center}.no-orders-message{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:60px 20px;text-align:center}.no-orders-icon{font-size:64px;margin-bottom:20px}.no-orders-message h3{color:#333;margin-bottom:10px}.no-orders-message p{color:#666}.custom-date-picker{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.date-inputs{display:flex;flex-wrap:wrap;gap:20px}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{color:#333;font-size:14px;font-weight:600}.date-input-group input[type=date]{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px;transition:border-color .3s ease}.date-input-group input[type=date]:focus{border-color:#2196f3;outline:none}.analytics-container select:hover{border-color:#2196f3!important}.analytics-container select:focus{border-color:#2196f3!important;box-shadow:0 0 0 3px #2196f31a;outline:none}.comparison-banner{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#2c3e50;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-bottom:20px;padding:20px}.comparison-item{align-items:center;display:flex;flex-direction:column;gap:8px}.comparison-label{color:#666;font-size:14px;opacity:.7}.comparison-value{font-size:28px;font-weight:700}.comparison-value.positive{color:#4caf50}.comparison-value.negative{color:#ff6b6b}.comparison-detail{color:#666;font-size:12px}.analytics-payment-breakdown-container{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:1fr 320px}.analytics-payment-breakdown{display:flex;flex-direction:column;gap:20px}.analytics-payment-item{background:#f9f9f9;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:15px}.analytics-payment-item.counter,.analytics-payment-item.online,.analytics-payment-item.unpaid{border:1px solid #e8e8e8}.analytics-payment-header{align-items:center;display:flex;gap:10px}.analytics-payment-icon{align-items:center;display:flex;font-size:24px;position:relative;top:-.5px}.analytics-payment-label{color:#333;font-size:16px;font-weight:600}.analytics-payment-stats{display:flex;font-size:14px;justify-content:space-between}.analytics-payment-count{color:#666}.analytics-payment-revenue{color:#4caf50;font-weight:600}.analytics-payment-bar-container{background:#c8c8c84d;border-radius:4px;height:8px;overflow:hidden}.analytics-payment-bar{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .5s ease}.analytics-payment-percentage{color:#666;font-size:12px;font-weight:600;text-align:right}.donut-chart{max-width:320px;position:relative;width:100%}.donut-svg{height:auto;width:100%}.donut-center{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.donut-label{color:#666;font-size:14px}.donut-value{color:#333;font-size:18px;font-weight:700}.category-pie-chart{margin:0 auto 20px;width:100%}.pie-svg{height:auto;width:100%}.category-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.revenue-trend-container{background:#f9f9f9;border-radius:8px;padding:20px 10px}.line-chart{height:auto;width:100%}.recharts-tooltip-wrapper{z-index:1000}.recharts-default-tooltip{background:#fff!important;border:2px solid #667eea!important;border-radius:8px!important;box-shadow:0 4px 10px #00000026!important;padding:10px!important}.heatmap-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.heatmap-header h3{margin:0}.heatmap-navigation{align-items:center;display:flex;gap:10px}.nav-btn{background:linear-gradient(135deg,#2d3748,#1a202c);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.today-btn{background:linear-gradient(135deg,#4caf50,#45a049)}.today-btn:hover{box-shadow:none}.current-month{color:#2c3e50;font-size:16px;font-weight:700;min-width:150px;text-align:center}.heatmap-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.heatmap-stat{display:flex;flex-direction:column;gap:5px}.heatmap-stat .stat-label{color:#666;font-size:12px;font-weight:500}.heatmap-stat .stat-value{color:#2c3e50;font-size:18px;font-weight:700}.heatmap-days-labels{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.day-label{color:#666;font-size:11px;font-weight:700;padding:5px 0;text-align:center}.heatmap-calendar{display:flex;flex-direction:column;gap:8px}.heatmap-week{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.heatmap-day{align-items:center;aspect-ratio:1;border:2px solid #0000;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-direction:column;font-size:12px;justify-content:center;min-height:50px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.heatmap-day.empty{background:#0000!important;border:none;cursor:default}.heatmap-day:not(.empty):hover{border-color:#0000001f;box-shadow:0 6px 20px #00000038;transform:scale(1.08);z-index:10}.heatmap-day:not(.empty):hover .heatmap-tooltip{opacity:1;pointer-events:none;transform:translateX(-50%) translateY(0)}.heatmap-tooltip{background:#1a202c;border-radius:10px;bottom:calc(100% + 10px);box-shadow:0 8px 24px #0000004d;color:#fff;font-size:12.5px;left:50%;min-width:150px;opacity:0;padding:10px 14px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:100}.heatmap-tooltip:after{border:6px solid #0000;border-top-color:#1a202c;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.heatmap-tooltip-date{color:#fff;font-size:13px;font-weight:700;margin-bottom:1px}.heatmap-tooltip-day{color:#a0aec0;font-size:11px;margin-bottom:6px}.heatmap-tooltip-divider{background:#ffffff1f;height:1px;margin-bottom:6px}.heatmap-tooltip-row{color:#cbd5e0;display:flex;font-size:12px;gap:16px;justify-content:space-between;padding:2px 0}.heatmap-tooltip-val{color:#fff;font-weight:700}.heatmap-day-number{font-size:10px;font-weight:700;left:5px;opacity:.8;position:absolute;top:3px}.heatmap-details{align-items:center;display:flex;flex-direction:column;gap:2px}.heatmap-count{color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px #0000004d}.heatmap-revenue{color:#ffffffe6;font-size:10px;font-weight:600;text-shadow:0 1px 2px #0000004d}.heatmap-legend{align-items:center;color:#666;display:flex;font-size:12px;gap:8px;justify-content:center;margin-top:15px}.legend-colors{display:flex;gap:4px}.legend-box{border:1px solid #0000001a;border-radius:4px;cursor:help;height:20px;width:20px}@media (max-width:1216px){.header-actions{align-items:stretch;flex-direction:column}.header-controls{justify-content:stretch;width:100%}.control-btn{flex:1 1;min-width:0;text-align:center;white-space:nowrap}.time-filter{justify-content:stretch;overflow-x:auto;width:100%}.time-filter button{flex:1 1}}@media (max-width:968px){.analytics-title{font-size:1.8rem}.analytics-row{grid-template-columns:1fr}.comparison-banner{flex-direction:column}.heatmap-calendar{gap:6px;grid-template-columns:repeat(7,1fr)}}@media (max-width:768px){.analytics-title{font-size:1.5rem;margin-bottom:20px;padding-bottom:12px}.analytics-payment-breakdown-container{gap:20px;grid-template-columns:1fr}.donut-chart{margin:0 auto;max-width:100%}.metrics-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{padding:15px}.metric-icon{font-size:28px}.metric-value{font-size:24px}.status-grid{grid-template-columns:repeat(2,1fr)}.revenue-trend{height:150px}.chart-item{align-items:center;flex-direction:row}.chart-bar-container{width:100%}.line-chart{overflow-x:auto}.combinations-grid{grid-template-columns:1fr}.date-inputs{flex-direction:column}}@media (max-width:480px){.analytics-title{border-bottom-width:2px;font-size:1.3rem;margin-bottom:15px;padding-bottom:10px}.analytics-container{padding:0}.analytics-section{padding:20px 15px}.metrics-grid{grid-template-columns:1fr}.time-filter button{font-size:13px;padding:6px 12px}.control-btn{font-size:12px;min-width:120px;padding:6px 12px}.status-grid{gap:15px;grid-template-columns:1fr}.hour-item{gap:10px;grid-template-columns:60px 1fr 70px}.analytics-header{margin-bottom:20px}.chart-rank{font-size:16px;min-width:30px}.analytics-payment-breakdown{gap:15px}.heatmap-header{align-items:flex-start;flex-direction:column}.heatmap-navigation{justify-content:space-between;width:100%}.nav-btn{font-size:12px;padding:6px 12px}.current-month{font-size:14px;min-width:auto}.comparison-banner{padding:15px}.comparison-value{font-size:22px}.heatmap-days-labels{gap:4px}.day-label{font-size:10px;padding:3px 0}.heatmap-week{gap:4px}.heatmap-day{font-size:10px;min-height:40px}.heatmap-day-number{font-size:8px;left:3px;top:2px}.heatmap-count{font-size:11px}.heatmap-revenue{font-size:8px}.heatmap-stats{gap:15px}.heatmap-stat .stat-value{font-size:16px}.heatmap-day[data-col="0"] .heatmap-tooltip,.heatmap-day[data-col="1"] .heatmap-tooltip{left:0;transform:translateY(4px)}.heatmap-day[data-col="0"]:not(.empty):hover .heatmap-tooltip,.heatmap-day[data-col="1"]:not(.empty):hover .heatmap-tooltip{left:0;transform:translateY(0)}.heatmap-day[data-col="0"] .heatmap-tooltip:after,.heatmap-day[data-col="1"] .heatmap-tooltip:after{left:20px;transform:none}.heatmap-day[data-col="5"] .heatmap-tooltip,.heatmap-day[data-col="6"] .heatmap-tooltip{left:auto;right:0;transform:translateY(4px)}.heatmap-day[data-col="5"]:not(.empty):hover .heatmap-tooltip,.heatmap-day[data-col="6"]:not(.empty):hover .heatmap-tooltip{left:auto;right:0;transform:translateY(0)}.heatmap-day[data-col="5"] .heatmap-tooltip:after,.heatmap-day[data-col="6"] .heatmap-tooltip:after{left:auto;right:20px;transform:none}}.orders-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:20px}.orders-section-header h3{align-items:center;color:#333;display:flex;font-size:20px;gap:10px;margin:0!important}.orders-period-label{background:linear-gradient(135deg,#ff6b35,#e55a2b);border-radius:20px;color:#fff;font-size:13px;font-weight:500;letter-spacing:.3px;padding:3px 12px}.orders-summary-chips{display:flex;flex-wrap:wrap;gap:8px}.orders-chip{border-radius:20px;font-size:12.5px;font-weight:600;padding:5px 14px;white-space:nowrap}@media (max-width:480px){.orders-summary-chips{flex-wrap:nowrap;gap:5px}.orders-chip{font-size:11px;padding:4px 8px}}.orders-chip.total{background:#f0f4ff;border:1px solid #c7d4fb;color:#3a5bd9}.orders-chip.completed{background:#e8f5e9;border:1px solid #b2dfdb;color:#2e7d32}.orders-chip.revenue{background:#fff8e1;border:1px solid #ffe082;color:#e65100}@media (max-width:480px){.tax-report-controls{gap:10px!important}.tax-report-controls select{font-size:13px!important;padding:7px 10px!important}.tax-report-controls .control-btn{font-size:12px!important;gap:5px!important;padding:8px 14px!important}}.analytics-orders-table-wrapper{border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 1px 4px #0000000f;overflow-x:auto}.analytics-orders-table{border-collapse:collapse;font-size:13.5px;width:100%}.analytics-orders-table thead tr{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff}.analytics-orders-table thead th{font-size:12.5px;font-weight:600;letter-spacing:.6px;padding:13px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.analytics-orders-table tbody tr.aot-row-even{background:#fff}.analytics-orders-table tbody tr.aot-row-odd{background:#fafafa}.analytics-orders-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .15s,box-shadow .15s}.analytics-orders-table tbody tr:hover{background:#fff5ef!important;box-shadow:inset 3px 0 0 #ff6b35}.analytics-orders-table tbody tr:last-child{border-bottom:none}.analytics-orders-table td{padding:11px 16px;vertical-align:middle}.aot-num{color:#e67e22;font-size:14px;font-weight:700;white-space:nowrap}.aot-customer{color:#222;font-weight:500}.aot-items-cell{max-width:260px}.aot-items-list{display:flex;flex-wrap:wrap;gap:5px}.aot-item-tag{align-items:center;background:#f4f4f4;border:1px solid #e0e0e0;border-radius:6px;color:#444;display:inline-flex;font-size:12px;gap:4px;padding:2px 8px;white-space:nowrap}.aot-item-qty{background:#ff6b35;border-radius:4px;color:#fff;font-size:11px;font-weight:700;line-height:1.5;padding:0 4px}.aot-total{color:#1a7a3c;font-weight:700}.aot-tip,.aot-total{font-size:14px;white-space:nowrap}.aot-tip{color:#1565c0;font-weight:600}.aot-tip-none{color:#ccc;font-weight:400}.aot-date{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.aot-date-main{color:#333;font-size:13px;font-weight:500}.aot-time{color:#999;font-size:12px}.aot-payment-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;white-space:nowrap}.aot-payment-badge svg{flex-shrink:0}.aot-payment-badge.card{background:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.aot-payment-badge.paid{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.aot-payment-badge.unpaid{background:#fff3e0;border:1px solid #ffe0b2;color:#bf360c}.aot-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;white-space:nowrap}.aot-status-badge svg{flex-shrink:0}.aot-badge-completed{background:#e8f5e9;border:1px solid #c8e6c9;color:#1b5e20}.aot-badge-pending{background:#fff8e1;border:1px solid #ffe082;color:#e65100}.aot-badge-cancelled{background:#fce4ec;border:1px solid #f8bbd9;color:#880e4f}.analytics-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:20px}.aot-page-btn{background:linear-gradient(135deg,#2d3748,#1a202c);border:none;border-radius:8px;box-shadow:0 2px 6px #00000040;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:opacity .2s,transform .1s}.aot-page-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.3}.aot-page-btn:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}.aot-page-dots{display:flex;gap:4px}.aot-page-dot{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:13px;font-weight:500;height:34px;justify-content:center;transition:all .15s;width:34px}.aot-page-dot.active{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#0000;box-shadow:0 2px 6px #00000040;color:#fff;font-weight:700}.aot-page-dot:not(.active):hover{border-color:#2d3748;color:#2d3748}.aot-pagination-count{color:#aaa;font-size:12.5px;margin-top:10px;text-align:center}@media (max-width:768px){.orders-section-header{align-items:flex-start;flex-direction:column}.aot-page-dots{display:none}}.aot-row-clickable{cursor:pointer}.aot-modal-overlay{align-items:center;animation:aot-fade-in .15s ease;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes aot-fade-in{0%{opacity:0}to{opacity:1}}.aot-modal{animation:aot-slide-up .2s ease;background:#fff;border:2px solid #94a3b8;border-radius:16px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}@keyframes aot-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.aot-modal-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px 16px;position:sticky;top:0;z-index:1}.aot-modal-header>div{align-items:center;display:flex;gap:12px}.aot-modal-order-num{color:#1a202c;font-size:20px;font-weight:700}.aot-modal-status{font-size:13px}.aot-modal-close{align-items:center;background:#f4f4f4;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:background .15s;width:32px}.aot-modal-close:hover{background:#e8e8e8}.aot-modal-body{padding:0 24px 24px}.aot-modal-section{border-bottom:1px solid #f5f5f5;padding:16px 0}.aot-modal-section:last-child{border-bottom:none}.aot-modal-section-title{color:#aaa;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.aot-modal-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:5px 0}.aot-modal-label{color:#888;flex-shrink:0;font-size:13.5px}.aot-modal-value{color:#222;font-size:13.5px;font-weight:500;text-align:right}.aot-modal-tip{color:#1565c0}.aot-modal-total-row{border-top:1.5px solid #eee;margin-top:8px;padding-top:10px}.aot-modal-grand-total{color:#1a7a3c;font-size:16px;font-weight:700}.aot-modal-payment-id{color:#888;font-family:monospace;font-size:12px;max-width:65%;overflow-wrap:anywhere;text-align:right;white-space:normal;word-break:normal}.aot-modal-row-stack{align-items:flex-start;flex-direction:column;gap:3px}.aot-modal-items{display:flex;flex-direction:column;gap:6px}.aot-modal-item{align-items:center;background:#f9f9f9;border:1px solid #f0f0f0;border-radius:8px;display:flex;gap:10px;padding:7px 10px}.aot-modal-item-qty{background:#1a202c;border-radius:6px;color:#fff;font-size:12px;font-weight:700;min-width:28px;padding:2px 7px;text-align:center}.aot-modal-item-name{color:#333;flex:1 1;font-size:13.5px;font-weight:500}.aot-modal-item-price{color:#555;font-size:13.5px;font-weight:600;margin-left:8px;white-space:nowrap}.aot-modal-notes{background:#fffbf0;border:1px solid #ffe082;border-radius:8px;color:#5d4037;font-size:13.5px;line-height:1.5;padding:10px 14px}.rc-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.rc-stat-card{align-items:center;background:#f9fafb;border:1.5px solid #e8edf2;border-radius:12px;display:flex;flex-direction:row;gap:14px;padding:18px 16px;transition:box-shadow .15s}.rc-stat-card:hover{box-shadow:0 4px 14px #00000012}.rc-stat-card.highlight{background:linear-gradient(135deg,#f0f7ff,#e8f4ff);border-color:#bbdefb}.rc-stat-icon{flex-shrink:0;font-size:26px;justify-content:center}.rc-stat-icon,.rc-stat-text{align-items:center;display:flex}.rc-stat-text{flex:1 1;flex-direction:column;gap:2px}.rc-stat-value{color:#1a202c;font-size:28px;font-weight:800;line-height:1;margin-bottom:6px}.rc-stat-card.highlight .rc-stat-value{color:#1565c0}.rc-stat-label{color:#888;font-size:12px;font-weight:500;letter-spacing:.5px;text-align:center;text-transform:uppercase}.rc-top-customers{margin-top:4px}.rc-top-title{color:#aaa;font-size:13px;font-weight:700;letter-spacing:.7px;margin-bottom:12px;text-transform:uppercase}.rc-table-wrapper{border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:4px;overflow-x:auto}.rc-table{border-collapse:collapse;font-size:13.5px;width:100%}.rc-table thead tr{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff}.rc-table thead th{font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.rc-row-even{background:#fff}.rc-row-odd{background:#fafafa}.rc-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.rc-table tbody tr:hover{background:#f0f7ff!important}.rc-rank{color:#aaa;font-weight:700;padding:10px 14px;text-align:center;width:32px}.rc-name{color:#222;font-weight:500;padding:10px 14px}.rc-email{color:#999;font-size:11.5px;margin-top:2px}.rc-order-count{background:#1a202c;border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:3px 9px}.rc-spent{color:#1a7a3c;font-weight:700;padding:10px 14px}.rc-last{color:#888;font-size:12.5px;padding:10px 14px;white-space:nowrap}@media (max-width:768px){.rc-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.rc-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.rc-stat-value{font-size:22px}}.admin-login-container{align-items:center;background:linear-gradient(160deg,#1a1f2e,#2c3347);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px}.admin-login-card{background:#fff;border-radius:18px;box-shadow:0 24px 60px #00000059;max-width:400px;padding:44px 40px 36px;text-align:center;width:100%}.admin-login-logo{border-radius:12px;box-shadow:0 4px 14px #0000001f;height:72px;margin-bottom:18px;object-fit:cover;width:72px}.admin-login-card form{margin:28px auto 0}.admin-login-card h2{color:#1a1f2e;font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:6px}.admin-login-card p{color:#8a8fa8;font-family:Poppins,sans-serif;font-size:.95rem;margin-bottom:0}.admin-password-input{background:#f7f8fc;border:1.5px solid #dde1ea;border-radius:10px;box-sizing:border-box;color:#1a1f2e;font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:14px;padding:13px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.admin-password-input:focus{background:#fff;border-color:#4a5568;box-shadow:0 0 0 3px #4a55681a;outline:none}.admin-password-input::placeholder{color:#b0b5c5}.admin-login-btn{background:#2c3347;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.3px;margin-bottom:12px;padding:14px;transition:all .2s ease;width:100%}.admin-login-btn:hover{background:#1a1f2e;box-shadow:0 6px 18px #1a1f2e40;transform:translateY(-1px)}.back-to-menu-btn{background:none;border:1.5px solid #dde1ea;border-radius:8px;color:#8a8fa8;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:10px 20px;transition:all .2s ease;width:100%}.back-to-menu-btn:hover{background:#f7f8fc;border-color:#b0b5c5;color:#4a5568}.admin-error{background:#fdf0ef;border:1px solid #f5c6c2;border-radius:8px;color:#c0392b;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;margin-bottom:12px;padding:10px 14px;text-align:left}.legal-page{background:linear-gradient(180deg,#fff8f2,#fff);min-height:calc(100vh - 140px);padding:24px 16px}.legal-card{background:#fff;border:1px solid #f0e4d9;border-radius:14px;box-shadow:0 6px 20px #0000000f;margin:0 auto;max-width:880px;padding:28px}.legal-card h1{color:#2c3e50;font-family:Poppins,sans-serif;font-size:2rem;margin:0}.legal-updated{color:#7f8c8d;font-size:.92rem;margin:8px 0 18px}.legal-card section{margin-top:18px}.legal-card h2{color:#b85c38;font-family:Poppins,sans-serif;font-size:1.06rem;margin:0 0 8px}.legal-card li,.legal-card p{color:#2f3b45;font-size:.98rem;line-height:1.6}.legal-card ul{margin:8px 0 0;padding-left:20px}@media (max-width:768px){.legal-page{padding:16px 10px}.legal-card{padding:20px 16px}.legal-card h1{font-size:1.6rem}}.footer{background:linear-gradient(135deg,#b85c38,#a14d2c);box-shadow:0 -4px 20px #b85c384d;color:#fff;margin-top:30px;padding:20px 0 10px}.footer-container{margin:0 auto;max-width:1200px;padding:0 32px}.footer-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.footer-section h3{color:#f3e9e3;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:12px;position:relative}.footer-section h3:after{background:#f3e9e3;border-radius:2px;bottom:-3px;content:"";height:2px;left:0;position:absolute;width:20px}.footer-section p{color:#ffffffe6;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.4;margin-bottom:10px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:6px}.footer-links a{align-items:center;color:#ffffffe6;display:flex;font-family:Inter,sans-serif;font-size:.9rem;gap:6px;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#f3e9e3;transform:translateX(3px)}.footer-links .icon{font-size:1rem;position:relative;top:-1.5px}.social-links{display:flex;gap:10px;margin-top:12px}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:35px;justify-content:center;text-decoration:none;transition:all .3s ease;width:35px}.social-link:hover{background:#fff3;box-shadow:0 4px 15px #fff3;transform:translateY(-2px)}.hours-list{list-style:none;margin:0;padding:0}.hours-list li{align-items:center;border-bottom:1px solid #ffffff1a;color:#ffffffe6;display:flex;font-family:Inter,sans-serif;font-size:.85rem;justify-content:space-between;padding:4px 0}.hours-list li:last-child{border-bottom:none}.day{font-weight:500}.time{color:#f3e9e3;font-weight:400}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:12px;text-align:center}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.copyright{color:#fffc;font-family:Inter,sans-serif;font-size:.8rem}.footer-logo{align-items:center;display:flex;gap:8px}.footer-logo img{border-radius:6px;box-shadow:0 2px 8px #0003;height:30px}.footer-logo-text{color:#f3e9e3;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600}@media (max-width:768px){.footer{margin-top:0;padding:15px 0 8px}.footer-container{padding:0 16px}.footer-content{gap:15px;grid-template-columns:1fr}.footer-section h3{font-size:1.1rem}.footer-section p{font-size:.85rem}.footer-bottom-content{flex-direction:column;gap:10px;text-align:center}.social-links{justify-content:center}.hours-list li{font-size:.8rem}}@media (max-width:480px){.footer-links a,.footer-section p{font-size:.8rem}.social-link{font-size:1rem;height:30px;width:30px}.footer-logo img{height:25px}.footer-logo-text{font-size:.9rem}}
/*# sourceMappingURL=main.d21b8498.css.map*/