*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0;padding:0 0 100px;width:100%}.App,body{background-color:#f5f5f5}.restaurant-section{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;max-width:100%;padding:0;width:100%}.cover-image-container{height:auto;overflow:visible;position:relative;width:100%}.cover-image{display:block;height:auto;object-fit:cover;object-position:center;vertical-align:bottom;width:100%}.location-button{align-items:center;background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;left:16px;padding:8px 12px;position:absolute;top:16px;z-index:10}.location-button:after{content:"→";font-size:18px;margin-left:4px}.logo-overlay{bottom:0;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(50%);z-index:10}.restaurant-logo{display:block;height:auto;max-width:150px;object-fit:contain;width:auto}.branch-selector-container{background-color:#fff;margin-bottom:0;margin-top:100px;padding:10px 20px 5px;position:relative;text-align:center;z-index:1}.branch-select-label{color:#000;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.branch-select{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#000;cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;max-width:400px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.branch-select:hover{border-color:#06c}.branch-select:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.branch-select option{font-size:16px;padding:8px}.restaurant-info{background-color:#fff;padding:5px 20px 20px;position:relative;text-align:center;z-index:1}.restaurant-name{color:#000;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 12px}.rating{display:flex;gap:4px;justify-content:center;margin-bottom:12px}.star{font-size:22px;line-height:1}.star.filled{color:red}.star.empty{color:#d0d0d0}.cuisine-types{margin:0 0 8px}.address,.cuisine-types{color:#000;font-size:16px;text-align:center}.address{margin:0}.delivery-info{background-color:#f5f5f5;margin:0;padding:16px 20px}.delivery-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.delivery-row:last-child{margin-bottom:0}.delivery-status{color:#000;font-size:16px;font-weight:500}.collect-link{color:#06c;cursor:pointer;font-size:16px;font-weight:500;text-decoration:none}.collect-link:hover{text-decoration:underline}.delivery-fee,.min-order{color:#000;font-size:16px}.menu-section{background-color:#fff;padding:20px;width:100%}.nav-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:32px;justify-content:center;margin-bottom:20px}.nav-tab{background:none;border:none;color:#666;cursor:pointer;font-size:28px;font-weight:500;padding:12px 0;position:relative;transition:color .2s}.nav-tab:hover{color:#000}.nav-tab.active{color:#000;font-weight:700}.nav-tab.active:after{background-color:#000;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.search-container{margin-bottom:24px;position:relative}.search-icon{left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;padding:12px 12px 12px 40px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#06c}.menu-categories{display:flex;flex-direction:column;gap:0;gap:16px}.menu-category{background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 6px #0000000a;padding:0 24px}.category-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px 0;text-align:left;width:100%}.category-title{color:#8b0000;font-size:22px;font-weight:600}.chevron{align-items:center;display:flex;justify-content:center}.chevron,.chevron svg{transition:transform .2s ease}.chevron svg{height:8px;width:18px}.chevron svg path{stroke:#000;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.chevron.open svg{transform:rotate(180deg)}.category-items{padding-bottom:16px}.menu-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:16px;padding:12px 0}.menu-item:last-child{border-bottom:none}.menu-item-image{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.menu-item-content{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between}.item-info{display:flex;flex-direction:column;gap:4px}.item-name{color:#000;font-size:16px;font-weight:400}.item-description{color:#666;font-size:13px;font-weight:400;line-height:1.4}.item-right{align-items:center;display:flex;gap:12px}.item-price{font-size:14px;white-space:nowrap}.add-button,.item-price{color:#06c;font-weight:500}.add-button{align-items:center;background-color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.add-button:hover{background-color:#d0d0d0}.add-button:active{transform:scale(.95)}.reviews-content{padding:20px 0}.reviews-title{color:#000;font-size:24px;font-weight:700;margin:0 0 24px;text-align:left}.reviews-list{display:flex;flex-direction:column}.review-item{border-bottom:1px solid #e0e0e0;padding:20px 0}.review-item:last-child{border-bottom:none}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.review-header-left{display:flex;flex-direction:column;gap:8px}.reviewer-name{color:#000;font-size:18px;font-weight:700}.review-stars{display:flex;gap:4px}.review-stars .star{font-size:18px;line-height:1}.review-stars .star.filled{color:red}.review-stars .star.empty{color:#d0d0d0}.review-date{color:#999;font-size:16px;font-weight:400}.review-text{color:#000;font-size:16px;line-height:1.5;margin:0;text-align:left}.info-content{padding:20px 0}.info-section{margin-bottom:32px}.info-section:last-child{margin-bottom:0}.info-section-title{color:#333;font-size:20px;font-weight:700;margin:0 0 12px;text-align:left}.info-section-text{color:#999;font-size:16px;margin:0;text-align:left}.hours-table{background-color:#f5f5f5;border-radius:8px;margin-top:16px;padding:16px;width:100%}.hours-header{border-bottom:1px solid #e0e0e0;display:flex;gap:0;margin-bottom:12px;padding-bottom:12px}.hours-header-item{background:none;border:none;color:#000;cursor:pointer;flex:1 1;font-size:24px;font-weight:500;padding:0;position:relative;text-align:center;transition:color .2s;width:50%}.hours-header-item:hover{color:#06c}.hours-header-item.active{color:#000}.hours-header-item.active:after{background-color:#06c;bottom:-12px;content:"";height:2px;left:0;position:absolute;right:0}.hours-body{display:flex;flex-direction:column}.hours-row{grid-gap:24px;align-items:center;border-bottom:1px solid #e0e0e0;display:grid;gap:24px;grid-template-columns:auto 1fr 1fr;padding:12px 0}.hours-row:last-child{border-bottom:none}.hours-day{font-weight:400;min-width:100px}.hours-collection,.hours-day,.hours-delivery{color:#000;font-size:16px;text-align:left}@media (max-width:768px){.restaurant-name{font-size:24px}.restaurant-info{padding:5px 16px 16px}.branch-selector-container{margin-bottom:0;margin-top:85px;padding:8px 16px 5px}.branch-select-label{font-size:14px}.branch-select{font-size:14px;padding:10px 14px}.delivery-info{padding:14px 16px}.menu-section{padding:16px}.nav-tabs{gap:24px}.nav-tab{font-size:22px}.item-price{display:inline-block;white-space:nowrap}.item-right{flex-shrink:0}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:flex-start;background-color:#fff;border-bottom:3px solid red;display:flex;justify-content:space-between;padding:20px}.modal-title{color:#000;display:inline-block;font-size:24px;font-weight:700;margin:0;padding-bottom:8px}.modal-close{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.modal-close:hover{opacity:.7}.modal-body{padding:20px}.select-section{margin-bottom:20px}.select-label{color:#000;font-size:18px;font-weight:500;margin:0 0 16px}.flavor-options{display:flex;flex-direction:column;gap:0}.flavor-option{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 0}.flavor-option:last-child{border-bottom:none}.flavor-name{color:#000;font-size:18px;font-weight:400}.flavor-select-btn{background-color:#f5f5f5;border:1px solid #d0d0d0;border-radius:4px;color:#000;cursor:pointer;font-size:16px;padding:8px 16px;transition:all .2s}.flavor-select-btn:hover{background-color:#e0e0e0}.flavor-select-btn.selected{background-color:#06c;border-color:#06c;color:#fff}.modal-footer{border-top:1px solid #e0e0e0;padding:20px}.continue-btn{align-items:center;background-color:#06c;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s;width:100%}.continue-btn:hover{background-color:#0052a3}.continue-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.continue-text,.continue-total{color:#fff;font-size:18px;font-weight:700}.selected-flavor-section{padding:20px 0;text-align:center}.selected-flavor-text{color:#0a0;font-size:18px;font-weight:500;margin:0 0 24px;text-align:left}.quantity-selector{gap:20px;margin:20px 0}.quantity-btn,.quantity-selector{align-items:center;display:flex;justify-content:center}.quantity-btn{background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:32px;font-weight:300;height:50px;transition:all .2s;width:50px}.minus-btn{color:#ffb6c1}.plus-btn{color:red}.quantity-btn:hover{background-color:#f5f5f5}.quantity-number{color:#000;font-size:36px;font-weight:500;min-width:40px;text-align:center}.add-to-order-btn{align-items:center;background-color:#06c;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s;width:100%}.add-to-order-btn:hover{background-color:#0052a3}.add-to-order-text,.add-to-order-total{color:#fff;font-size:18px;font-weight:700}.cart-footer{background-color:#06c;bottom:0;box-shadow:0 -2px 10px #0003;left:0;padding:16px 20px;position:fixed;right:0;z-index:999}.cart-footer-content{align-items:center;display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:1200px}.cart-total-info{text-align:center}.cart-total-text{color:#fff;font-size:18px;font-weight:600}.cart-basket-section{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:center}.cart-basket-icon{height:24px;width:24px}.cart-basket-text{color:#fff;font-size:16px;font-weight:500}@media (max-width:768px){.cart-footer{padding:14px 16px}.cart-total-text{font-size:16px}.cart-basket-text{font-size:14px}}.basket-page{background-color:#fff;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1001}.basket-container{height:100vh;margin:0 auto;max-width:600px;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.basket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.basket-title{color:#333;font-size:24px;font-weight:600;margin:0}.go-to-menu-btn{background-color:#0a0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:background-color .2s}.go-to-menu-btn:hover{background-color:#080}.allergy-warning{align-items:center;background-color:#f0f8ff;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.warning-icon{flex-shrink:0}.warning-text{color:#333;cursor:pointer;font-size:14px}.order-type-tabs{display:flex;gap:12px;margin-bottom:24px}.order-tab{align-items:center;background-color:#f5f5f5;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px;transition:all .2s}.order-tab.active{background-color:#e6f2ff;border-color:#06c}.order-tab-icon{height:24px;width:24px}.order-tab span:not(.order-time){color:#333;font-size:16px;font-weight:500}.order-time{color:#666;font-size:14px}.cart-items-list{margin-bottom:24px}.cart-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 0}.cart-item:last-child{border-bottom:none}.cart-item-left{align-items:center;display:flex;flex:1 1;gap:12px}.cart-item-quantity{color:#000;font-size:18px;font-weight:600;min-width:30px}.cart-item-details{display:flex;flex-direction:column;gap:4px}.cart-item-name{color:#000;font-size:16px;font-weight:500}.cart-item-modifier{color:#666;font-size:14px}.cart-item-right{align-items:center;display:flex;gap:16px}.remove-item-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px}.cart-item-price{color:#000;font-size:16px;font-weight:600;min-width:80px;text-align:right}.order-summary{background-color:#f9f9f9;border-radius:8px;margin-bottom:24px;padding:20px}.summary-row{align-items:center;color:#333;display:flex;font-size:16px;justify-content:space-between;padding:8px 0}.summary-row.discount{color:red}.summary-row.total{border-top:2px solid #e0e0e0;font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.checkout-btn{background-color:#06c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px;transition:background-color .2s;width:100%}.checkout-btn:hover{background-color:#0052a3}@media (max-width:768px){.basket-container{padding:16px}.basket-title{font-size:20px}.go-to-menu-btn{font-size:14px;padding:8px 16px}}.checkout-page{background-color:#fff;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1002}.checkout-container{height:100vh;margin:0 auto;max-width:900px;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.checkout-header{gap:16px;margin-bottom:24px}.back-btn,.checkout-header{align-items:center;display:flex}.back-btn{background:none;border:none;color:#06c;cursor:pointer;font-size:16px;gap:8px;padding:8px}.back-btn:hover{opacity:.7}.checkout-title{color:#000;font-size:28px;font-weight:700;margin:0}.checkout-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.checkout-form-section,.checkout-order-section{background-color:#f9f9f9;border-radius:8px;padding:24px}.section-title{color:#000;font-size:20px;font-weight:700;margin:0 0 20px}.order-type-display{align-items:center;background-color:#fff;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px}.order-type-label{color:#666;font-size:16px}.order-type-value{color:#000;font-size:16px;font-weight:600}.checkout-items-list{margin-bottom:20px}.checkout-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 0}.checkout-item:last-child{border-bottom:none}.checkout-item-info{align-items:center;display:flex;gap:12px}.checkout-item-quantity{color:#000;font-size:16px;font-weight:600}.checkout-item-details{display:flex;flex-direction:column;gap:4px}.checkout-item-name{color:#000;font-size:16px;font-weight:500}.checkout-item-modifier{color:#666;font-size:14px}.checkout-item-price{color:#000;font-size:16px;font-weight:600}.checkout-summary{background-color:#fff;border-radius:6px;padding:16px}.checkout-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group textarea{border:1px solid #d0d0d0;border-radius:6px;font-family:inherit;font-size:16px;padding:12px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#06c;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.place-order-btn{background-color:#06c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:8px;padding:16px;transition:background-color .2s;width:100%}.place-order-btn:hover{background-color:#0052a3}.payment-section{border-top:2px solid #e0e0e0;margin-top:32px;padding-top:32px}.stripe-payment-form{display:flex;flex-direction:column;gap:20px}.stripe-form-group{display:flex;flex-direction:column;gap:8px}.stripe-label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.stripe-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stripe-card-element{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px;transition:border-color .2s,box-shadow .2s}.stripe-card-element:focus-within{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.stripe-input{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#32325d;font-family:'"Helvetica Neue", Helvetica, sans-serif';font-size:16px;padding:16px;transition:border-color .2s,box-shadow .2s;width:100%}.stripe-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.stripe-input::placeholder{color:#aab7c4}.stripe-error{background-color:#ffe6e6;border:1px solid #f99;border-radius:4px;color:red;font-size:14px;padding:8px}.stripe-submit-btn{background-color:#06c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px;transition:background-color .2s;width:100%}.stripe-submit-btn:hover:not(:disabled){background-color:#0052a3}.stripe-submit-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}@media (max-width:768px){.checkout-content{gap:24px;grid-template-columns:1fr}.checkout-container{padding:16px}.checkout-title{font-size:24px}.form-row,.stripe-form-row{grid-template-columns:1fr}}.thank-you-page{-webkit-overflow-scrolling:touch;background-color:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:scroll;position:fixed;right:0;top:0;z-index:1003}.thank-you-page::-webkit-scrollbar{width:8px}.thank-you-page::-webkit-scrollbar-track{background:#f1f1f1}.thank-you-page::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.thank-you-page::-webkit-scrollbar-thumb:hover{background:#555}.thank-you-container{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:600px;padding:40px 20px;width:100%}.thank-you-content{align-items:center;display:flex;flex-direction:column;gap:24px;text-align:center}.thank-you-icon{margin-bottom:8px}.thank-you-title{color:#000;font-size:36px;font-weight:700;margin:0}.thank-you-message{color:#333;font-size:18px;line-height:1.6;margin:0;max-width:500px}.thank-you-order-info{color:#666;font-size:16px;margin:0}.thank-you-order-info strong{color:#000;font-weight:600}.back-to-menu-btn{background-color:#06c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:16px;padding:16px 32px;transition:background-color .2s}.back-to-menu-btn:hover{background-color:#0052a3}@media (max-width:768px){.thank-you-page{padding:20px 0}.thank-you-container{padding:20px 16px}.thank-you-title{font-size:28px}.thank-you-message{font-size:16px}.thank-you-container{padding:20px}}.admin-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-box{background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;padding:40px;width:100%}.admin-login-header{margin-bottom:32px;text-align:center}.admin-login-title{color:#000;font-size:32px;font-weight:700;margin:0 0 8px}.admin-login-subtitle{color:#666;font-size:16px;margin:0}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;padding:12px;text-align:center}.admin-form-group{display:flex;flex-direction:column;gap:8px}.admin-form-group label{color:#333;font-size:14px;font-weight:600}.admin-form-group input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;outline:none;padding:12px 16px;transition:border-color .2s}.admin-form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.admin-login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:8px;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.admin-login-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.admin-login-button:active{transform:translateY(0)}.admin-credentials-info{background-color:#f5f5f5;border-radius:8px;margin-top:24px;padding:16px;text-align:center}.credentials-note{color:#666;font-size:12px;font-weight:600;margin:0 0 8px}.credentials-text{color:#333;font-size:14px;margin:4px 0}.credentials-text strong{color:#667eea;font-weight:600}@media (max-width:768px){.admin-login-box{padding:30px 24px}.admin-login-title{font-size:28px}}.admin-dashboard-container{background-color:#f5f5f5;min-height:100vh;padding:20px}.mobile-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:none;justify-content:space-between;margin-bottom:16px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.mobile-header-title{color:#000;font-size:20px;font-weight:700;margin:0}.mobile-menu-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;position:relative;width:24px}.hamburger span{background-color:#000;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-dropdown-menu{animation:slideDown .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:none;flex-direction:column;margin-bottom:16px;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{background:none;border:none;border-bottom:1px solid #f0f0f0;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:16px 20px;text-align:left;transition:all .2s}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background-color:#f5f5f5;color:#000}.mobile-menu-item.active{background-color:#667eea;color:#fff}.mobile-menu-item.logout{color:#dc3545;font-weight:600}.mobile-menu-item.logout:hover{background-color:#f8d7da;color:#c82333}.admin-dashboard-layout{display:flex;gap:24px;margin:0 auto;max-width:1400px}.admin-sidebar{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:20px;width:250px}.sidebar-menu{display:flex;flex-direction:column;gap:8px}.sidebar-item{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;text-align:left;transition:all .2s}.sidebar-item:hover{background-color:#f5f5f5;color:#000}.sidebar-item.active{background-color:#667eea;color:#fff}.admin-main-content{flex:1 1;min-width:0}.admin-dashboard-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 30px}.admin-dashboard-title{color:#000;font-size:28px;font-weight:700;margin:0}.admin-logout-button{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:background-color .2s}.admin-logout-button:hover{background-color:#c82333}.admin-dashboard-content{margin:0 auto;max-width:1200px}.admin-form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.form-title{color:#000;font-size:28px;font-weight:700;margin:0 0 24px}.admin-message{border-radius:6px;font-size:14px;margin-bottom:24px;padding:12px 16px}.admin-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.admin-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.success-popup-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.success-popup{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:32px;position:relative;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-popup-icon{animation:scaleIn .4s ease-out .1s both;display:flex;justify-content:center;margin-bottom:16px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-popup-title{color:#10b981;font-size:24px;font-weight:700;margin:0 0 12px}.success-popup-message{color:#374151;font-size:16px;line-height:1.5;margin:0 0 24px}.success-popup-close{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.success-popup-close:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 12px -2px #10b98166;transform:translateY(-2px)}.success-popup-close:active{transform:translateY(0)}.add-branch-form{gap:24px}.add-branch-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-family:inherit;font-size:16px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .2s}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[type=file]{border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px;transition:border-color .2s}.form-group input[type=file]:hover{border-color:#667eea}.image-preview{border-radius:8px;margin-top:12px;max-width:400px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.submit-button{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:14px 24px;transition:transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.branches-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.branches-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.branches-title{color:#000;font-size:28px;font-weight:700;margin:0}.refresh-button{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.refresh-button:hover{background-color:#5568d3}.loading-message,.no-branches-message{color:#666;font-size:16px;padding:40px;text-align:center}.branches-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.branch-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.branch-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.branch-cover-image{background-color:#e0e0e0;height:200px;overflow:hidden;width:100%}.branch-cover-image img{height:100%;object-fit:cover;width:100%}.branch-profile-pic{background-color:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:100px;margin:-50px auto 16px;overflow:hidden;position:relative;width:100px;z-index:1}.branch-profile-pic img{height:100%;object-fit:cover;width:100%}.branch-info{padding:0 20px 20px;text-align:center}.branch-name{color:#000;font-size:22px;font-weight:700;margin:0 0 8px}.branch-address{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.branch-meta{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:center;padding-top:12px}.branch-date{color:#999;font-size:12px}.branch-actions{border-top:1px solid #e0e0e0;display:flex;gap:8px;justify-content:center;margin-top:16px;padding-top:16px}.branch-delete-button,.branch-edit-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.branch-edit-button{background-color:#667eea;color:#fff}.branch-edit-button:hover{background-color:#5568d3;transform:translateY(-1px)}.branch-delete-button{background-color:#dc3545;color:#fff}.branch-delete-button:hover{background-color:#c82333;transform:translateY(-1px)}.branch-edit-form{padding:20px}.branch-edit-form .form-group{margin-bottom:16px}.branch-edit-form .form-group label{color:#333;font-size:12px;font-weight:600;margin-bottom:4px}.branch-edit-form .form-group input[type=text],.branch-edit-form .form-group textarea{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:8px 12px;width:100%}.branch-edit-form .form-group input[type=file]{border:2px dashed #e0e0e0;border-radius:6px;cursor:pointer;font-size:12px;padding:6px}.branch-edit-form .image-preview{border-radius:6px;margin-top:8px;max-width:100%;overflow:hidden}.branch-edit-form .image-preview img{display:block;height:auto;width:100%}.branch-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.edit-cancel-button,.edit-save-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.edit-save-button{background-color:#667eea;color:#fff}.edit-save-button:hover:not(:disabled){background-color:#5568d3}.edit-cancel-button{background-color:#6c757d;color:#fff}.edit-cancel-button:hover:not(:disabled){background-color:#5a6268}.edit-cancel-button:disabled,.edit-save-button:disabled{cursor:not-allowed;opacity:.6}.categories-list{display:flex;flex-direction:column;gap:16px}.category-card{align-items:center;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:20px;transition:transform .2s,box-shadow .2s}.category-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.category-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.category-name{color:#000;font-size:20px;font-weight:700;margin:0}.category-branch{color:#667eea;font-size:14px;font-weight:600;margin:4px 0 0}.category-date{color:#999;font-size:12px}.category-actions,.category-edit-form{display:flex;gap:8px}.category-edit-form{align-items:center;width:100%}.category-edit-input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-family:inherit;font-size:16px;outline:none;padding:10px 16px;transition:border-color .2s}.category-edit-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.category-edit-actions{display:flex;gap:8px}@media (max-width:768px){.category-card{align-items:flex-start;flex-direction:column;gap:16px}.category-actions{justify-content:flex-end;width:100%}.category-edit-form{align-items:stretch;flex-direction:column}.category-edit-actions{justify-content:flex-end;width:100%}}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.product-image{background-color:#e0e0e0;height:200px;overflow:hidden;width:100%}.product-image img{height:100%;object-fit:cover;width:100%}.product-info{display:flex;flex-direction:column;gap:8px;padding:20px}.product-name{color:#000;font-size:20px;font-weight:700;margin:0}.product-price{color:#667eea;font-size:18px;font-weight:600;margin:0}.product-variation{color:#666;font-size:14px;margin:0}.product-branch{color:#667eea;font-size:14px;font-weight:600;margin:0}.product-category{color:#666;font-size:14px;font-style:italic;margin:0}.product-date{border-top:1px solid #e0e0e0;color:#999;font-size:12px;margin-top:8px;padding-top:12px}.product-edit-form{padding:20px}.product-edit-form .form-group{margin-bottom:16px}.product-edit-form .form-group label{color:#333;font-size:12px;font-weight:600;margin-bottom:4px}.product-edit-form .form-group input[type=number],.product-edit-form .form-group input[type=text],.product-edit-form .form-group select{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:8px 12px;width:100%}.product-edit-form .form-group input[type=file]{border:2px dashed #e0e0e0;border-radius:6px;cursor:pointer;font-size:12px;padding:6px}.product-edit-form .image-preview{border-radius:6px;margin-top:8px;max-width:100%;overflow:hidden}.product-edit-form .image-preview img{display:block;height:auto;width:100%}@media (max-width:768px){.products-grid{grid-template-columns:1fr}}.variation-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.variation-price-input,.variation-size-input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.variation-price-input:focus,.variation-size-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.remove-variation-button{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.remove-variation-button:hover{background-color:#c82333}.add-variation-button{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:10px 20px;transition:background-color .2s;width:100%}.add-variation-button:hover{background-color:#5568d3}.product-variations-list{background-color:#f5f5f5;border-radius:6px;margin:12px 0;padding:12px}.variations-label{color:#333;font-size:14px;font-weight:600;margin:0 0 8px}.variation-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:6px 0}.variation-item:last-child{border-bottom:none}.variation-size{color:#000;font-size:14px;font-weight:500}.variation-price{color:#667eea;font-size:14px;font-weight:600}@media (max-width:768px){.variation-row{align-items:stretch;flex-direction:column}.remove-variation-button{width:100%}.branches-header{align-items:flex-start;flex-direction:column;gap:16px}.branches-grid{grid-template-columns:1fr}.branches-container{padding:20px}}.admin-welcome-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-bottom:24px;padding:30px;text-align:center}.admin-welcome-box h2{font-size:32px;margin:0 0 8px}.admin-welcome-box p{font-size:18px;margin:0;opacity:.9}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.admin-stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.admin-stat-card h3{color:#666;font-size:16px;font-weight:600;margin:0 0 12px}.stat-number{color:#000;font-size:36px;font-weight:700;margin:0}.admin-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.admin-section h2{color:#000;font-size:24px;font-weight:700;margin:0 0 20px}.admin-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-action-button{background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:background-color .2s,transform .2s}.admin-action-button:hover{background-color:#5568d3;transform:translateY(-2px)}@media (max-width:768px){.admin-dashboard-container{padding:10px}.mobile-header{display:flex}.admin-dashboard-header{display:none}.mobile-dropdown-menu{display:flex}.admin-dashboard-layout{flex-direction:column}.admin-sidebar{display:none}.admin-actions-grid,.admin-stats-grid{grid-template-columns:1fr}.admin-form-container{padding:20px}}
/*# sourceMappingURL=main.f4d81517.css.map*/