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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.single-homepage-slider{height:700px!important}.hero-text{display:table;height:100%}.hero-text-tablecell{display:table-cell;vertical-align:middle}@media only screen and (max-width:767px){.single-homepage-slider{height:550px!important}}.animated{animation-duration:1s;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.content-wrapper{animation:fadeIn .3s ease-in}.top-header-area{background:#0000;left:0;padding:10px 0;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:999}.top-header-area.stick{background-color:#051922e6;box-shadow:0 2px 10px #0000001a;padding:5px 0}@media only screen and (max-width:767px){.cart-bar{background:#051922;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;padding:15px;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;z-index:999}.cart-bar.show{transform:translateY(0)}.cart-bar-content{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:center}.cart-count{background:#f28123;border-radius:50%;font-size:14px;padding:2px 8px}.cart-total{font-size:16px}}.shopping-cart{position:relative}.cart-count{border-radius:50%;display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:-8px;top:2px;width:18px}.cart-count,.table-info{align-items:center;background:#f28123;color:#fff}.table-info{border-radius:20px;display:inline-flex;margin-left:20px;padding:5px 15px}.table-label{font-weight:600;margin-right:5px}.table-number{font-size:1.1em}.topping-modal-overlay{align-items:center;animation:fadeIn .3s ease forwards;background-color:#00000080;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:1000}.topping-modal-content{animation:slideIn .3s ease forwards;background:#fff;border-radius:8px;cursor:default;max-height:90vh;max-width:600px;opacity:0;overflow-y:auto;padding:0;transform:translateY(20px);width:100%}.topping-modal-header{border-bottom:1px solid #eee;padding:10px;position:relative}.topping-modal-header h3{font-size:1.2rem;font-weight:600;margin:0}.topping-close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.topping-modal-body{padding:8px 12px}.topping-product-info{align-items:center;border-bottom:1px solid #eee;display:flex;gap:8px;margin:8px;padding-bottom:8px}.topping-product-image{border-radius:8px;flex-shrink:0;height:120px;overflow:hidden;width:120px}.topping-product-image img{height:100%;object-fit:cover;width:100%}.topping-product-details h4{font-size:1.3rem;margin:0 0 3px}.topping-price{color:#f28123;font-size:1.1rem;font-weight:700;margin:0}.topping-quantity-section{align-items:center;display:flex;gap:10px;margin-bottom:15px}.topping-quantity-section input{border:1px solid #ddd;border-radius:4px;padding:6px;text-align:center;width:60px}.topping-toppings-list{display:flex;flex-direction:column;gap:10px}.topping-topping-item{background:#f9f9f9;border-radius:8px;gap:10px;padding:8px}.topping-topping-checkbox,.topping-topping-info,.topping-topping-item{align-items:center;display:flex}.topping-topping-info{flex:1 1;justify-content:space-between}.topping-topping-price{color:#f28123;font-weight:500}.topping-modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:15px;padding:10px}.topping-btn-cancel,.topping-btn-confirm{border:none;border-radius:4px;cursor:pointer;font-weight:500;min-width:80px;padding:8px 20px;text-transform:capitalize}.topping-btn-cancel{background:#e4e4e4;color:#333}.topping-btn-confirm{background:#f28123;color:#fff}.topping-btn-cancel:hover{background:#d4d4d4}.topping-btn-confirm:hover{background:#e67e22}.topping-modal-overlay.closing{animation:fadeOut .3s ease forwards}.topping-modal-overlay.closing .topping-modal-content{animation:slideOut .3s ease forwards}.quantity-controls{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;gap:8px;padding:4px}.quantity-btn{align-items:center;background:#fff;border:none;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#f28123;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-display{font-size:16px;font-weight:600;min-width:40px;text-align:center}@media (max-width:767px){.topping-modal-content{margin:10vh auto;max-height:80vh;width:90%}.quantity-btn{height:36px;width:36px}.quantity-display{font-size:18px;min-width:50px}}.admin-layout{background:#f5f6fa;display:flex;min-height:100vh}.admin-sidebar{background:#2c3e50;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:250px}.admin-main{background:#f5f6fa;flex:1 1;margin-left:250px;min-height:100vh;padding:20px}.sidebar-header{background:#243342;padding:20px}.sidebar-header h3{color:#f28123;font-size:20px;margin:0}.sidebar-header p{color:#fff;font-size:14px;margin:10px 0 0;opacity:.7}.sidebar-nav{flex:1 1;padding:20px 0}.sidebar-nav a{align-items:center;color:#fff;display:flex;padding:12px 20px;text-decoration:none;transition:all .3s}.sidebar-nav a:hover{background:#ffffff1a}.sidebar-nav a.active{background:#f28123}.sidebar-nav a i{margin-right:10px;width:20px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.logout-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .3s;width:100%}.logout-btn:hover{background:#ffffff1a}.logout-btn i{margin-right:8px}@media (max-width:768px){.admin-sidebar{width:70px}.logout-btn span,.sidebar-header h3,.sidebar-header p,.sidebar-nav a span{display:none}.admin-main{margin-left:70px}}.admin-dashboard{background:#f5f6fa;height:100%;overflow:hidden;padding:20px}.dashboard-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.dashboard-header h2{color:#2c3e50;font-size:24px;margin:0}.dashboard-header p{color:#666;margin:10px 0 0}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr);margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-5px)}.stat-card i{color:#f28123;font-size:32px;margin-bottom:16px}.stat-card h3{color:#666;font-size:16px;margin-bottom:8px}.stat-card p{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.dashboard-charts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;min-height:400px;padding:20px}.chart-container h3{color:#2c3e50;font-size:18px;margin-bottom:20px}@media (max-width:1400px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.dashboard-charts{grid-template-columns:1fr}.chart-container{height:350px}}@media (max-width:768px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.chart-container{height:300px}}@media (max-width:480px){.dashboard-stats{grid-template-columns:1fr}}.export-buttons{display:flex;gap:10px}.export-buttons button{align-items:center;border-radius:4px;display:flex;font-weight:500;padding:8px 16px;transition:all .3s}.export-buttons button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.admin-products{background:#f5f6fa;padding:20px}.products-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.products-header h2{color:#2c3e50;font-size:24px;margin:0}.add-product-btn{align-items:center;background:#f28123;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.add-product-btn:hover{background:#e67612;transform:translateY(-2px)}.product-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;max-height:80vh;overflow-y:auto;padding:24px;position:relative}.product-form h3{color:#2c3e50;margin-bottom:20px}.form-row{grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:8px 12px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f28123;box-shadow:0 0 0 2px #f281231a;outline:none}.form-buttons{z-index:10}.submit-btn:hover{background:#34495e;transform:translateY(-2px)}.cancel-btn:hover{background:#c0392b;transform:translateY(-2px)}.products-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.products-table table{border-collapse:collapse;width:100%}.products-table td,.products-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.products-table th{color:#2c3e50;font-weight:600}.delete-btn,.edit-btn{margin:0 4px}.table-image-container{border-radius:8px;height:80px;overflow:hidden;transition:all .3s ease;width:80px}.table-image-container:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.product-image-admin{display:block;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.products-table td:first-child{padding:12px;text-align:center;width:140px}.table-image-container:hover .product-image{transform:scale(1.05)}.image-preview{height:100px;object-fit:contain;width:100px}.toggle-container{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:15px}.switch{height:24px;width:46px}.slider:before{bottom:3px;height:18px;left:3px;width:18px}.slider.round{border-radius:24px}.toggle-label{font-size:13px;margin-left:8px}.status-tag{display:inline-block}.delete-btn,.edit-btn{align-items:center;display:inline-flex;font-size:12px;gap:4px;margin:2px;padding:4px 8px}td .action-buttons{display:flex;flex-direction:column;gap:4px}@media (min-width:768px){td .action-buttons{flex-direction:row}}.toggle-switch-wrapper{align-items:center;display:flex;gap:8px}.options-container{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:20px}.options-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.options-header h4{color:#2c3e50;margin:0}.options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.option-card{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.option-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.option-card-content{display:flex;flex-direction:column}.option-name{color:#2c3e50;font-weight:500}.option-price{color:#f28123;font-size:.9em;margin-top:4px}.option-checkbox{cursor:pointer;padding-left:25px;position:relative}.selected-options-summary{border-top:1px solid #dee2e6;margin-top:20px;padding-top:20px}.selected-options-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.selected-option-tag{align-items:center;background:#e9ecef;border-radius:20px;display:flex;font-size:.9em;gap:8px;padding:6px 12px}.selected-option-tag button{background:none;color:#dc3545;padding:0}.add-option-btn,.selected-option-tag button{align-items:center;border:none;cursor:pointer;display:flex}.add-option-btn{background:#f28123;border-radius:4px;color:#fff;gap:8px;padding:8px 16px;transition:all .3s ease}.add-option-btn:hover{background:#e67612;transform:translateY(-1px)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{max-width:400px;padding:24px;position:relative;width:100%}.modal-content h3{color:#2c3e50;margin-bottom:20px}.modal-content .form-group{margin-bottom:16px}.modal-content input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.modal-content input:focus{border-color:#f28123;box-shadow:0 0 0 2px #f281231a;outline:none}.products-table tbody{position:relative;transition:opacity .3s ease-in-out}.products-table tbody.fade-enter{opacity:0}.products-table tbody.fade-enter-active,.products-table tbody.fade-exit{opacity:1}.products-table tbody.fade-exit-active{opacity:0}.products-table tr{animation:fadeIn .5s ease-out forwards;opacity:0}.products-table tr:first-child{animation-delay:.1s}.products-table tr:nth-child(2){animation-delay:.15s}.products-table tr:nth-child(3){animation-delay:.2s}.products-table tr:nth-child(4){animation-delay:.25s}.products-table tr:nth-child(5){animation-delay:.3s}.products-table tr:nth-child(6){animation-delay:.35s}.products-table tr:nth-child(7){animation-delay:.4s}.products-table tr:nth-child(8){animation-delay:.45s}.products-table tr:nth-child(9){animation-delay:.5s}.products-table tr:nth-child(10){animation-delay:.55s}.products-table tr:nth-child(11){animation-delay:.6s}.products-table tr:nth-child(12){animation-delay:.65s}.products-table tr:nth-child(13){animation-delay:.7s}.products-table tr:nth-child(14){animation-delay:.75s}.products-table tr:nth-child(15){animation-delay:.8s}.admin-categories{background:#f5f6fa;padding:20px}.categories-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.categories-header h2{color:#2c3e50;font-size:24px;margin:0}.add-category-btn{align-items:center;background:#f28123;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.add-category-btn:hover{background:#e67612;transform:translateY(-2px)}.category-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.category-form h3{color:#2c3e50;margin-bottom:20px}.form-group input,.form-group textarea{font-size:14px;padding:8px 12px}.form-group textarea{height:100px}.cancel-btn,.submit-btn{align-items:center;display:flex;gap:8px;padding:10px 20px}.submit-btn{background:#2c3e50}.categories-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.categories-table table{border-collapse:collapse;width:100%}.categories-table td,.categories-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.categories-table th{color:#2c3e50;font-weight:600}.toggle-container{align-items:center;display:flex;gap:10px}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2ecc71}input:focus+.slider{box-shadow:0 0 1px #2ecc71}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.toggle-label{color:#666;font-size:14px}.status-tag.active{background-color:#e1f7e1;border:1px solid #2ecc71;color:#2ecc71}.status-tag.inactive{background-color:#ffe6e6;border:1px solid #e74c3c;color:#e74c3c}.categories-table tbody{transition:opacity .3s ease-in-out}.categories-table tr{animation:fadeIn .5s ease-out forwards;opacity:0}.categories-table tr:first-child{animation-delay:.1s}.categories-table tr:nth-child(2){animation-delay:.15s}.categories-table tr:nth-child(3){animation-delay:.2s}.categories-table tr:nth-child(4){animation-delay:.25s}.categories-table tr:nth-child(5){animation-delay:.3s}.categories-table tr:nth-child(6){animation-delay:.35s}.categories-table tr:nth-child(7){animation-delay:.4s}.categories-table tr:nth-child(8){animation-delay:.45s}.categories-table tr:nth-child(9){animation-delay:.5s}.categories-table tr:nth-child(10){animation-delay:.55s}.pagination-btn:hover:not(:disabled){transform:translateY(-2px)}.table{font-size:.9rem}.badge{padding:.4em .8em}.badge,.btn-sm{font-size:.8rem}.btn-sm{padding:.25rem .5rem}.table-responsive{min-height:400px}.card{box-shadow:0 .15rem 1.75rem 0 #21283226}.card-header{background-color:#f8f9fa;border-bottom:1px solid #e3e6ec}.admin-orders{background:#f5f6fa;padding:20px}.orders-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.orders-header h2{color:#2c3e50;font-size:24px;margin:0}.add-order-btn{align-items:center;background:#f28123;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.add-order-btn:hover{background:#e67612;transform:translateY(-2px)}.orders-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.orders-table table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.orders-table th{background-color:#f8f9fa;color:#495057;font-weight:500}.action-buttons{display:flex;gap:8px}.action-buttons button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.update-btn{background:#28a745;color:#fff}.delete-btn{background:#dc3545}.action-buttons button:hover{transform:translateY(-2px)}.status-tag{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.status-tag.pending{background-color:#fff3cd;color:#856404}.status-tag.cooking{background-color:#cce5ff;color:#004085}.status-tag.served{background-color:#d4edda;color:#155724}.status-tag.completed{background-color:#e1f7e1;color:#2ecc71}.status-tag.cancelled{background-color:#f8d7da;color:#721c24}.order-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;max-height:80vh;opacity:1;overflow-y:auto;padding:24px;position:relative;transform:translateY(0);transition:all .5s ease-out}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:modalEnter .3s forwards;background:#fff;border-radius:8px;max-width:90%;opacity:0;padding:20px;transform:translateY(-20px);width:500px}@keyframes modalEnter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-exit{animation:modalExit .3s forwards}@keyframes modalExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-actions button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.modal-actions button:first-child{background:#4caf50;color:#fff}.modal-actions button:last-child{background:#f44336;color:#fff}td.note-column{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{align-items:center;display:flex;gap:10px}.search-container{position:relative}.search-btn,.search-container{align-items:center;display:flex}.search-btn{background:#f28123;border:none;border-radius:4px;color:#fff;cursor:pointer;height:40px;justify-content:center;transition:all .3s ease;width:40px}.search-btn:hover{background:#e67612;transform:translateY(-2px)}.search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;opacity:0;padding:8px 12px;position:absolute;right:45px;transition:all .3s ease;width:0}.search-container.show .search-input{opacity:1;width:250px}.search-input:focus{border-color:#f28123;box-shadow:0 0 0 2px #f281231a;outline:none}.sortable{cursor:pointer;padding-right:20px;position:relative;-webkit-user-select:none;user-select:none}.sortable:hover{background-color:#f281231a}.sortable i{color:#f28123;font-size:12px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.orders-table th{transition:background-color .3s ease}.invoice-header{border-bottom:2px solid #ddd;margin-bottom:20px;padding:20px;text-align:center}.invoice-info{margin:15px 0;text-align:left}.invoice-items{margin:20px 0}.invoice-table{border-collapse:collapse;width:100%}.invoice-table td,.invoice-table th{border:1px solid #ddd;padding:10px}.invoice-table th{background-color:#f5f5f5}.text-center{text-align:center}.text-right{text-align:right}.invoice-summary{border-top:2px solid #ddd;margin:20px 0;padding:20px}.total-amount{align-items:center;display:flex;justify-content:space-between}.invoice-footer{border-top:1px solid #ddd;margin-top:30px;padding:20px;text-align:center}.print-btn{background-color:#007bff;color:#fff;margin-right:10px}.close-btn,.print-btn{border:none;border-radius:5px;cursor:pointer;padding:10px 20px}.close-btn{background-color:#6c757d}@media print{.modal-actions{display:none}.modal-content{box-shadow:none;padding:0}.invoice-footer,.invoice-header,.invoice-items,.invoice-summary{page-break-inside:avoid}}.invoice-modal{max-height:600px;overflow-y:auto;width:400px}.invoice-table{margin:10px 0}.invoice-table td,.invoice-table th{font-size:14px;padding:8px}.invoice-header h2{font-size:20px;margin:0}.invoice-info p{font-size:14px;margin:5px 0}.invoice-summary{margin:15px 0;padding:10px 0}.invoice-footer{font-size:14px;margin-top:20px}.invoice-footer p{margin:5px 0}@media print{.invoice-modal{margin:0;padding:0;width:80mm}}.pagination{align-items:center;display:flex;gap:5px;justify-content:center;margin-top:20px}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;padding:8px 12px}.pagination-btn.active,.pagination-btn:hover:not(:disabled){background:#f28123;border-color:#f28123;color:#fff}.pagination-btn:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.orders-table tbody{position:relative;transition:opacity .3s ease-in-out}.orders-table tbody.fade-enter{opacity:0}.orders-table tbody.fade-enter-active,.orders-table tbody.fade-exit{opacity:1}.orders-table tbody.fade-exit-active{opacity:0}.orders-table tr{animation:fadeIn .3s ease-out forwards}.orders-table tr:first-child{animation-delay:.1s}.orders-table tr:nth-child(2){animation-delay:.15s}.orders-table tr:nth-child(3){animation-delay:.2s}.orders-table tr:nth-child(4){animation-delay:.25s}.orders-table tr:nth-child(5){animation-delay:.3s}.orders-table tr:nth-child(6){animation-delay:.35s}.orders-table tr:nth-child(7){animation-delay:.4s}.orders-table tr:nth-child(8){animation-delay:.45s}.orders-table tr:nth-child(9){animation-delay:.5s}.orders-table tr:nth-child(10){animation-delay:.55s}.orders-table tr:nth-child(11){animation-delay:.6s}.orders-table tr:nth-child(12){animation-delay:.65s}.orders-table tr:nth-child(13){animation-delay:.7s}.orders-table tr:nth-child(14){animation-delay:.75s}.orders-table tr:nth-child(15){animation-delay:.8s}.pagination-btn{transform:scale(1);transition:all .3s ease}.pagination-btn:hover:not(:disabled){transform:scale(1.1)}.pagination-btn:active:not(:disabled){transform:scale(.95)}.pagination{opacity:1;transition:opacity .3s ease}.pagination.loading{opacity:.5;pointer-events:none}.order-product-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.order-product-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px)}.product-info{padding:15px;text-align:center}.product-info h3{color:#2c3e50;font-size:16px;margin:0}.price{color:#f28123;font-weight:600;margin:8px 0}.admin-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-modal-container{background:#fff;border-radius:8px;max-width:90%;width:700px}.admin-modal-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:250px 1fr;padding:20px}.admin-product-info{text-align:center}.admin-topping-product-image{border-radius:8px;height:200px;margin-bottom:15px;object-fit:cover;width:200px}.admin-product-name{font-size:18px;margin:10px 0}.admin-quantity-controls{align-items:center;display:flex;gap:10px;justify-content:center;margin:15px 0}.admin-quantity-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:30px;width:30px}.admin-topping-selection{border-left:1px solid #eee;padding-left:20px}.admin-topping-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto}.admin-topping-item{border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.admin-topping-item.selected{background:#fff3e6;border-color:#f28123}.admin-modal-footer{border-top:1px solid #eee;padding:15px 20px}.admin-price-summary{margin-bottom:15px}.admin-base-price,.admin-total-price{display:flex;justify-content:space-between;margin:5px 0}.admin-total-price{color:#f28123;font-size:18px}.admin-action-buttons{display:flex;gap:10px;justify-content:flex-end}.admin-cancel-btn,.admin-confirm-btn{border:none;border-radius:4px;cursor:pointer;padding:8px 20px}.admin-confirm-btn{background:#f28123;color:#fff}.admin-cancel-btn{background:#e74c3c;color:#fff}.order-form{max-height:80vh;overflow-y:auto;padding:20px}.order-form h3{color:#2c3e50;margin-bottom:20px}.form-group-order{margin-bottom:20px;max-width:200px}.form-group label{color:#34495e}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus{border-color:#f28123;box-shadow:0 0 0 2px #f281231a;outline:none}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.selected-items{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.selected-items h4{color:#2c3e50;margin:0 0 15px}.selected-item{align-items:start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px}.item-toppings{color:#666;font-size:.9em;margin:5px 0}.order-total{align-items:center;border-top:2px solid #eee;display:flex;font-size:1.1em;justify-content:space-between;margin-top:15px;padding-top:15px}.order-total span{color:#f28123;font-weight:700}.form-buttons{background:#fff;border-top:1px solid #eee;bottom:0;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding:15px 0;position:sticky}.cancel-btn,.submit-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .3s ease}.submit-btn{background:#f28123;color:#fff}.cancel-btn{background:#e74c3c}.cancel-btn:hover,.submit-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.selected-item{flex-direction:column}.selected-item>span:last-child{margin-top:5px}}.table-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;width:100%}.table-select:focus{border-color:#f28123;box-shadow:0 0 0 2px #f281231a;outline:none}.table-select option{padding:8px}.table-management{background:#f5f6fa;padding:20px}.table-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.table-header h2{color:#2c3e50;font-size:24px;margin:0}.add-table-btn{align-items:center;background:#f28123;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.add-table-btn:hover{background:#e67612;transform:translateY(-2px)}.table-layout{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.table-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);padding:20px}.table-item{background:#f8f9fa;border:2px solid #ddd;border-radius:8px;cursor:pointer;padding:15px;text-align:center;transition:all .3s ease}.table-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.table-item.active{border-color:#28a745}.table-item.maintenance{border-color:#dc3545;opacity:.7}.table-number{font-size:1.2em;font-weight:700;margin-bottom:10px}.table-status{color:#666;font-size:.9em;margin-bottom:10px}.table-actions{display:flex;gap:10px;justify-content:center}.table-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.edit-btn{background:#007bff}.qr-btn{background:#17a2b8;color:#fff}.no-tables{font-size:1.1em;grid-column:1/-1}.loading,.no-tables{color:#666;padding:40px;text-align:center}.table-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;max-height:0;opacity:0;overflow:hidden;padding:20px;transition:all .3s ease-in-out}.form-enter{max-height:500px;opacity:1}.form-exit{margin:0;max-height:0;opacity:0;padding:0 20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.form-group,.form-row{margin-bottom:15px}.form-group label{color:#555;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-actions button{border:none;border-radius:4px;cursor:pointer;padding:8px 20px}.save-btn{background:#f28123;color:#fff}.cancel-btn{background:#6c757d;color:#fff}.empty-slot{align-items:center;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;display:flex;justify-content:center;min-height:120px;padding:15px;text-align:center}.empty-slot-text{color:#aaa;font-size:.9em}.table-item.cashier{background:#fef3c7;border-color:#f59e0b}.table-item{cursor:move}.empty-slot{cursor:pointer;transition:all .3s ease}.empty-slot:hover{background:#e9ecef;border-color:#adb5bd}.qr-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.qr-modal{animation:slideIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:20px;width:90%}.qr-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.qr-modal-header h3{color:#333;font-size:1.2rem;margin:0}.qr-modal-header button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:0 5px}.qr-modal-header button:hover{color:#333}.qr-modal-body{align-items:center;display:flex;flex-direction:column;padding:20px 0}.qr-modal-body img{border:1px solid #eee;border-radius:4px;margin-bottom:15px;padding:10px}.qr-link{color:#666;font-size:.9rem;margin:10px 0;text-align:center;word-break:break-all}.qr-modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:15px}.close-btn,.download-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.download-btn{background-color:#4caf50;color:#fff}.download-btn:hover{background-color:#45a049}.close-btn{background-color:#f44336;color:#fff}.close-btn:hover{background-color:#da190b}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.qr-modal-overlay.closing{animation:fadeOut .3s ease forwards}.qr-modal.closing{animation:slideOut .3s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:480px){.qr-modal{margin:10px;padding:15px;width:95%}.qr-modal-body img{height:200px;width:200px}.qr-modal-footer{flex-direction:column;gap:8px}.close-btn,.download-btn{width:100%}}.admin-staff{background:#f5f6fa;padding:20px}.staff-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.staff-header h2{color:#2c3e50;font-size:24px;margin:0}.add-staff-btn{align-items:center;background:#f28123;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.add-staff-btn:hover{background:#e67612;transform:translateY(-2px)}.staff-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.staff-form h3{color:#2c3e50}.form-group,.staff-form h3{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.role-tag{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.role-tag.admin{background-color:#e1f7e1;border:1px solid #2ecc71;color:#2ecc71}.role-tag.staff{background-color:#e8f4fd;border:1px solid #3498db;color:#3498db}.role-tag.kitchen{background-color:#fff3e0;border:1px solid #f39c12;color:#f39c12}.staff-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.staff-table table{border-collapse:collapse;width:100%}.staff-table td,.staff-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.staff-table th{color:#2c3e50;font-weight:600}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;margin-right:8px;padding:6px 12px}.edit-btn{background:#3498db;color:#fff}.delete-btn{background:#e74c3c;color:#fff}.form-enter{animation:slideDown .5s ease-out forwards}.form-exit{animation:slideUp .5s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.staff-table tbody{transition:opacity .3s ease-in-out}.staff-table tr{animation:fadeIn .5s ease-out forwards;opacity:0}.staff-table tr:first-child{animation-delay:.1s}.staff-table tr:nth-child(2){animation-delay:.15s}.staff-table tr:nth-child(3){animation-delay:.2s}.staff-table tr:nth-child(4){animation-delay:.25s}.staff-table tr:nth-child(5){animation-delay:.3s}.staff-table tr:nth-child(6){animation-delay:.35s}.staff-table tr:nth-child(7){animation-delay:.4s}.staff-table tr:nth-child(8){animation-delay:.45s}.staff-table tr:nth-child(9){animation-delay:.5s}.staff-table tr:nth-child(10){animation-delay:.55s}.permission-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.permission-table h3{color:#2c3e50;font-size:18px;margin-bottom:20px}.permission-table table{border-collapse:collapse;table-layout:fixed;width:100%}.permission-table td,.permission-table th{border:1px solid #ddd;padding:12px;text-align:left;width:25%}.permission-table td:first-child,.permission-table th:first-child{width:20%}.permission-table th{background:#f8f9fa;font-weight:600}.permission{font-size:14px}.permission.admin{color:#2ecc71}.permission.kitchen{color:#f39c12}.permission.staff{color:#3498db}
/*# sourceMappingURL=main.581fc15b.css.map*/