body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:18px;line-height:1.6;margin:0}*,:after,:before{font-family:Poppins,sans-serif!important;font-size:18px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-sm{font-size:16px}.text-base{font-size:18px}.text-lg{font-size:20px}.text-xl{font-size:24px}.text-2xl{font-size:28px}.text-3xl{font-size:32px}.btn,button{border:none;border-radius:6px;cursor:pointer;font-size:18px;font-weight:600;padding:12px 16px;transition:all .2s}.btn:hover,button:hover{opacity:.9}input,select,textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:18px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}h1{font-size:32px}h1,h2{font-weight:600}h2{font-size:28px}h3{font-size:24px}h3,h4{font-weight:600}h4{font-size:20px}h5{font-size:18px}h5,h6{font-weight:600}h6{font-size:16px}p{line-height:1.6}a,p{font-size:18px}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}body,html{-webkit-font-smoothing:antialiased;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;width:100%}.mobile-container{background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;width:100%}.mobile-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 2px 8px #0000001a;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-title{color:#fff;font-size:24px;font-weight:700;grid-column:2;margin:0;text-align:center}.btn-back{align-items:center;background:#0000;border:none;color:#fff;display:flex;font-size:18px;justify-self:start;padding:8px 12px}.content-area,.menu-scroll{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px 16px 100px}.counter-title,.section-title{letter-spacing:.5px;margin-bottom:12px;padding:0 4px;text-transform:uppercase}.section-title{color:#2c3e50;font-size:18px;font-weight:700}.items-container{display:flex;flex-direction:column;gap:12px}.menu-item-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:12px}.item-info-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.item-name-price{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.item-name-with-icon{align-items:center;display:flex;gap:8px}.item-name{line-height:1.3;margin:0}.item-price{font-size:18px;font-weight:600;margin:0}.veg-icon{align-items:center;border:2px solid #27ae60;border-radius:2px;display:flex;flex-shrink:0;height:18px;justify-content:center;position:relative;width:18px}.veg-icon:before{background:#27ae60;border-radius:50%;content:"";height:8px;width:8px}.nonveg-icon{align-items:center;border:2px solid #e74c3c;border-radius:2px;display:flex;flex-shrink:0;height:18px;justify-content:center;position:relative;width:18px}.nonveg-icon:before{border-bottom:8px solid #e74c3c;border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;width:0}.menu-item-card.out-of-stock{opacity:.5}.menu-item-card.out-of-stock .item-name{text-decoration:line-through}.out-of-stock-badge{background:#e74c3c;border-radius:4px;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.btn-add-item{background:#3498db;border-radius:6px;flex-shrink:0;font-size:16px;padding:8px 16px;white-space:nowrap}.btn-add-item:hover{background:#2980b9}.btn-add-item:active{background:#2980b9;transform:scale(.98)}.btn-add-item:disabled{background:#bdc3c7;cursor:not-allowed}.btn-quantity-group{background:#ecf0f1;border-radius:6px;flex-shrink:0;gap:8px;padding:4px 8px}.btn-qty,.btn-quantity-group{align-items:center;display:flex}.btn-qty{background:#fff;border:1px solid #bdc3c7;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.btn-qty:hover{background:#e8e8e8}.btn-qty:active{background:#bdc3c7;transform:scale(.95)}.qty-display{color:#2c3e50;font-size:16px;font-weight:600;min-width:24px;text-align:center}.floating-checkout{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;padding:16px;position:fixed;right:0;z-index:100}.btn-proceed{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;box-shadow:0 4px 12px #27ae604d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:all .3s ease;width:100%}.btn-proceed:active{transform:scale(.98)}.checkout-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px 16px 100px}.cart-items-checkout{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:16px}.cart-item-row{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;gap:8px;justify-content:space-between;padding:12px 0}.cart-item-row:last-child{border-bottom:none}.item-details{flex:1 1;min-width:0}.item-details .item-name{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.item-quantity{align-items:center;background:#ecf0f1;border-radius:4px;display:flex;gap:6px;padding:4px 6px}.item-quantity button{align-items:center;background:#0000;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;width:28px}.item-quantity span{color:#2c3e50;font-size:14px;font-weight:600;min-width:24px;text-align:center}.item-total{min-width:70px;text-align:right}.item-total p{color:#2c3e50;font-size:16px;font-weight:700;margin:0}.pricing-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:16px}.price-row{color:#2c3e50;display:flex;font-size:16px;justify-content:space-between;padding:10px 0}.price-row.total{border-top:2px solid #ecf0f1;color:#2c3e50;font-size:18px;font-weight:700;margin-top:12px;padding-top:12px}.price-row span:last-child{font-weight:600}.customer-form{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:16px}.customer-form .section-title,.input-field{margin-bottom:12px}.input-field{border:1px solid #bdc3c7;border-radius:6px;color:#2c3e50;font-family:inherit;font-size:16px;padding:14px;transition:border-color .2s ease;width:100%}.input-field:last-child{margin-bottom:0}.input-field:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.input-field::placeholder{color:#bdc3c7}.error-box{background:#fadbd8;border:1px solid #f5b7b1;border-radius:6px;margin-bottom:16px;padding:12px;text-align:center}.error-box p{color:#c0392b;font-size:14px;font-weight:600;margin:0}.btn-place-order{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:16px;padding:16px;transition:all .3s ease;width:100%}.btn-place-order:active:not(:disabled){transform:scale(.98)}.btn-place-order:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:12px;padding:16px;transition:all .3s ease;width:100%}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#fff;border:2px solid #3498db;border-radius:8px;color:#3498db;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:all .3s ease;width:100%}.btn-secondary:active{transform:scale(.98)}.confirmation-screen{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:32px 20px;text-align:center}.success-icon{align-items:center;animation:successPop .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#27ae60,#229954);border-radius:50%;box-shadow:0 8px 24px #27ae6066;display:flex;flex-shrink:0;height:80px;justify-content:center;margin-bottom:24px;width:80px}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-icon:after{color:#fff;content:"✓";font-size:40px;font-weight:900;line-height:1}.confirmation-title{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:16px}.order-details{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:24px;max-width:400px;padding:24px;width:100%}.order-id{color:#7f8c8d;font-family:Courier New,monospace;font-size:16px;letter-spacing:2px;margin-bottom:12px}.order-total{color:#27ae60;font-size:36px;font-weight:800;margin:0}.info-box{background:linear-gradient(135deg,#ecf0f1,#d5dbdb);border-radius:12px;margin-bottom:24px;max-width:400px;padding:20px;width:100%}.info-box p{color:#2c3e50;font-size:16px;font-weight:500;line-height:1.6;margin:8px 0}.queue-info-box{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;margin-bottom:24px;max-width:400px;padding:20px;width:100%}.queue-title{color:#1976d2;font-size:18px;font-weight:700;margin:0 0 16px;text-align:center}.queue-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.queue-stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:8px;padding:16px}.queue-stat-card.full-width{grid-column:1/-1}.stat-label{color:#757575;font-size:12px;letter-spacing:.5px;text-align:center}.stat-value{color:#1976d2}.stat-value,.stat-value-time{font-weight:800;line-height:1}.stat-value-time{color:#2196f3;font-size:28px}.queue-message{background:#fff;border-radius:8px;padding:12px;text-align:center}.queue-message p{color:#1976d2;font-size:14px;font-weight:500;line-height:1.4;margin:0}.error-screen,.loading-screen{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:100vh;padding:32px 20px;text-align:center}.error-screen p,.loading-screen p{color:#7f8c8d;font-size:18px;margin-bottom:16px}.spinner{border:4px solid #ecf0f1;border-top-color:#3498db;height:40px;margin-bottom:16px;width:40px}.btn-retry{background:#3498db;border-radius:8px;color:#fff;font-size:16px;padding:12px 24px}@media (max-width:400px){.header-title{font-size:20px}.counter-title{font-size:16px}.btn-add-item,.item-name{font-size:14px}.btn-add-item{padding:6px 12px}.confirmation-title{font-size:24px}.order-total{font-size:28px}}.yakkai-footer{background-color:#2c3e50;color:#fff;margin-top:20px;padding:16px;text-align:center}.footer-text,.yakkai-footer{font-family:Poppins,sans-serif!important}.footer-text{color:#ffffffe6;font-size:16px;font-weight:500;margin:0}.order-status-container{background-color:#f5f5f5;font-family:Poppins,sans-serif!important;font-size:18px;min-height:100vh;padding-bottom:0}.status-header{background-color:#2c3e50;color:#fff;padding:20px 16px;text-align:center}.status-header h1{font-size:28px;font-weight:600;margin:0 0 12px}.order-id-header,.status-header h1{font-family:Poppins,sans-serif!important}.order-id-header{color:#fff;font-size:24px;font-weight:700;margin:8px 0}.order-status-badge-header{border-radius:6px;display:inline-block;font-family:Poppins,sans-serif!important;font-size:18px;font-weight:600;margin-top:12px;padding:10px 16px}.order-status-badge-header.order-received{background-color:#3498db;color:#fff}.order-status-badge-header.preparing{background-color:#f39c12;color:#fff}.order-status-badge-header.ready{background-color:#27ae60;color:#fff}.order-status-badge-header.delayed{background-color:#e74c3c;color:#fff}.order-status-badge-header.partially-ready{background-color:#f39c12;color:#fff}.status-content{margin:0 auto;max-width:800px;padding:12px}.status-message-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px;text-align:center}.status-message-main{color:#555;font-family:Poppins,sans-serif!important;font-size:18px;margin:0}.live-queue-panel{background:#ecf0f1;border-radius:8px;margin-bottom:16px;padding:16px}.queue-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.queue-icon{font-size:22px}.queue-header-text{color:#2c3e50;font-family:Poppins,sans-serif!important;font-size:18px;font-weight:600}.queue-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.queue-info-item{text-align:center}.queue-label{color:#7f8c8d;font-size:16px;margin-bottom:6px}.queue-label,.queue-value{display:block;font-family:Poppins,sans-serif!important}.queue-value{color:#2c3e50;font-size:24px;font-weight:700}.queue-almost-message,.queue-next-message{background:#27ae60;border-radius:6px;color:#fff;font-family:Poppins,sans-serif!important;font-size:18px;font-weight:600;padding:12px;text-align:center}.queue-almost-message{background:#f39c12}.counters-section{margin-bottom:16px}.counters-section>h3{color:#2c3e50;font-family:Poppins,sans-serif!important;font-size:22px;font-weight:600;margin-bottom:12px}.counter-card{background:#fff;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:12px;padding:16px}.counter-card.status-ready{border-left-color:#27ae60}.counter-card.status-delayed,.counter-card.status-expired{border-left-color:#e74c3c}.counter-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.counter-header h4{color:#2c3e50;font-size:20px;margin:0}.counter-header h4,.counter-status-badge{font-family:Poppins,sans-serif!important;font-weight:600}.counter-status-badge{border-radius:6px;font-size:18px;padding:8px 14px}.counter-status-badge.status-pending{background-color:#95a5a6;color:#fff}.counter-status-badge.status-preparing{background-color:#f39c12;color:#fff}.counter-status-badge.status-ready{background-color:#27ae60;color:#fff}.counter-status-badge.status-delayed{background-color:#e74c3c;color:#fff}.counter-status-badge.status-refunded{background-color:#9b59b6;color:#fff}.items-list{border-top:1px solid #ecf0f1;margin-top:12px;padding-top:12px}.items-label{color:#2c3e50;font-weight:600;margin-bottom:8px}.item-text,.items-label{font-family:Poppins,sans-serif!important;font-size:18px}.item-text{color:#555;margin:6px 0;padding-left:8px}.timer-display{border-top:1px solid #ecf0f1;margin-top:12px;padding-top:12px;text-align:center}.timer-label{font-size:18px}.timer-value{color:#2c3e50;font-family:Poppins,sans-serif!important;font-size:36px;font-weight:700;margin:10px 0}.timer-display.expiring .timer-value{animation:pulse 1s infinite;color:#e74c3c}.completion-message,.pending-message{color:#27ae60;font-family:Poppins,sans-serif!important;font-size:18px;font-weight:600;margin-top:8px}.pending-message{color:#7f8c8d}.delay-message,.refund-message{color:#555;font-family:Poppins,sans-serif!important;font-size:18px;line-height:1.6}.delay-message p,.refund-message p{margin:6px 0}.bill-summary-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px}.bill-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.bill-header h3{color:#2c3e50;font-size:22px;margin:0}.bill-header h3,.btn-view-invoice{font-family:Poppins,sans-serif!important;font-weight:600}.btn-view-invoice{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:10px 16px;transition:background-color .2s}.btn-view-invoice:hover{background-color:#2980b9}.bill-summary-card{background:#f8f9fa;border-radius:6px;padding:12px}.bill-items-summary{margin-bottom:12px}.bill-item-row{border-bottom:1px solid #e0e0e0;display:flex;font-family:Poppins,sans-serif!important;font-size:18px;justify-content:space-between;padding:10px 0}.bill-item-row:last-child{border-bottom:none}.bill-item-row.more-items{color:#7f8c8d}.view-all-link{color:#3498db;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:18px;font-weight:600;text-decoration:underline}.bill-divider{background-color:#bdc3c7;height:2px;margin:12px 0}.bill-row{display:flex;font-family:Poppins,sans-serif!important;font-size:18px;justify-content:space-between;padding:10px 0}.bill-row.total-row{border-top:2px solid #2c3e50;font-size:20px;font-weight:700;margin-top:8px;padding-top:12px}.total-amount{color:#27ae60;font-size:20px;font-weight:700}.btn-back-menu,.total-amount{font-family:Poppins,sans-serif!important}.btn-back-menu{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-bottom:0;padding:16px;transition:background-color .2s;width:100%}.btn-back-menu:hover{background-color:#2980b9}.invoice-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.invoice-popup{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;font-family:Poppins,sans-serif!important;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.invoice-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;padding:16px}.invoice-header h2{color:#2c3e50;font-size:24px;margin:0}.btn-close-invoice,.invoice-header h2{font-family:Poppins,sans-serif!important}.btn-close-invoice{align-items:center;background:none;border:none;color:#95a5a6;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;padding:0;width:36px}.btn-close-invoice:hover{color:#7f8c8d}.invoice-content{padding:16px}.invoice-order-info{background:#f8f9fa;border-radius:6px;margin-bottom:16px;padding:12px}.invoice-order-info p{font-family:Poppins,sans-serif!important;font-size:18px;margin:8px 0}.invoice-items{margin-bottom:16px;overflow-x:auto}.invoice-table{border-collapse:collapse;font-family:Poppins,sans-serif!important;font-size:18px;width:100%}.invoice-table th{background-color:#ecf0f1;border-bottom:2px solid #bdc3c7;color:#2c3e50;font-weight:600;text-align:left}.invoice-table td,.invoice-table th{font-family:Poppins,sans-serif!important;font-size:18px;padding:12px}.invoice-table td{border-bottom:1px solid #ecf0f1}.invoice-totals{border-top:2px solid #bdc3c7;padding-top:12px}.invoice-row{display:flex;font-family:Poppins,sans-serif!important;font-size:18px;justify-content:space-between;padding:10px 0}.invoice-row.total{border-top:2px solid #2c3e50;color:#27ae60;font-size:20px;font-weight:700;margin-top:8px;padding-top:12px}.btn-close-invoice-bottom{background-color:#3498db;border:none;border-radius:0 0 12px 12px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:18px;font-weight:600;padding:16px;transition:background-color .2s;width:100%}.btn-close-invoice-bottom:hover{background-color:#2980b9}.error-state,.loading-state{font-family:Poppins,sans-serif!important;padding:40px 20px;text-align:center}.loading-state{color:#7f8c8d;font-size:20px}.error-state h2{color:#e74c3c;font-family:Poppins,sans-serif!important;font-size:24px;margin-bottom:12px}.error-state p{color:#555;font-size:18px;margin-bottom:16px}.error-state button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:18px;font-weight:600;padding:14px 24px}.error-state button:hover{background-color:#2980b9}@media (max-width:600px){.queue-info-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.queue-value{font-size:20px}.invoice-table{font-size:16px}.invoice-table td,.invoice-table th{padding:10px 6px}.status-header h1{font-size:24px}.order-id-header{font-size:20px}}.barista-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Poppins,sans-serif!important;font-size:18px!important;min-height:100vh;padding-bottom:20px}.barista-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;justify-content:space-between;padding:16px}.barista-header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.counter-name{color:#fff}.barista-header h1,.counter-name{font-family:Poppins,sans-serif!important;font-size:24px!important;font-weight:700;margin:0}.online-badge{background:#27ae60;border-radius:12px;color:#fff;font-family:Poppins,sans-serif!important;font-size:14px;font-weight:600;padding:6px 12px}.order-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;margin:16px 16px 0;padding:12px;text-align:center}.counter-text{color:#fff;font-family:Poppins,sans-serif!important;font-size:18px!important;font-weight:600;margin:0}.barista-alert-banner{align-items:center;animation:pulse-border 2s infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:12px;box-shadow:0 4px 12px #e74c3c4d;display:flex;gap:12px;margin:16px;padding:16px}@keyframes pulse-border{0%,to{box-shadow:0 4px 12px #e74c3c4d}50%{box-shadow:0 4px 20px #e74c3c99}}.barista-alert-icon{font-size:32px}.barista-alert-content h4{color:#fff;font-family:Poppins,sans-serif!important;font-size:20px!important;font-weight:700;margin:0 0 4px}.barista-alert-content p{color:#fffffff2;font-family:Poppins,sans-serif!important;font-size:18px!important;margin:0}.order-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;color:#2c3e50;margin:16px;padding:20px}.order-id-section{border-bottom:2px solid #ecf0f1;margin-bottom:16px;padding-bottom:16px;text-align:center}.order-id{color:#2c3e50;font-family:Poppins,sans-serif!important;font-size:28px!important;font-weight:700;margin:0}.timer-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:20px;padding:20px}.timer,.timer-section{text-align:center}.timer-label{color:#7f8c8d;font-size:18px!important;font-weight:600;margin-bottom:8px}.timer-display,.timer-label{font-family:Poppins,sans-serif!important}.timer-display{color:#2c3e50;font-size:48px!important;font-weight:700;margin:12px 0}.timer.delivered{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.timer.delivered .timer-label{color:#155724;font-size:18px!important}.timer.delivered .timer-display{color:#155724}.timer.expiring{background:linear-gradient(135deg,#fff3cd,#ffeaa7)}.timer.expiring .timer-display{animation:pulse 1s infinite;color:#e67e22}.timer.expired{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.timer.expired .timer-display{color:#c0392b}.expired-text,.expiring-text{color:#c0392b;font-family:Poppins,sans-serif!important;font-size:18px!important;font-weight:700;margin-top:8px}.expiring-text{color:#e67e22}.items-section{margin-top:20px}.items-section h3{color:#2c3e50;font-family:Poppins,sans-serif!important;font-size:20px!important;font-weight:600;margin-bottom:12px}.item-line{border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:12px 0}.item-name{font-weight:500}.item-name,.item-qty{font-family:Poppins,sans-serif!important;font-size:18px!important}.item-qty{color:#7f8c8d;font-weight:600}.total-line{border-top:2px solid #2c3e50;display:flex;font-weight:700;justify-content:space-between;margin-top:12px;padding:16px 0 0}.total-line span{color:#2c3e50;font-family:Poppins,sans-serif!important;font-size:20px!important}.total-price{color:#27ae60!important}.button-group{display:flex;gap:12px;margin:16px}.btn-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif!important;font-size:18px!important;font-weight:600;padding:14px;transition:all .2s}.btn-nav:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.btn-nav:disabled{cursor:not-allowed;opacity:.3}.btn-deliver{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:12px;box-shadow:0 2px 8px #27ae604d;color:#fff;cursor:pointer;flex:2 1;font-family:Poppins,sans-serif!important;font-size:20px!important;font-weight:700;padding:14px;transition:all .2s}.btn-deliver:hover:not(:disabled){box-shadow:0 4px 12px #27ae6066;transform:translateY(-2px)}.btn-deliver:disabled{cursor:not-allowed;opacity:.6}.stats-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:12px;margin:16px;padding:16px}.stat{flex:1 1;text-align:center}.stat-label{color:#fffc;font-family:Poppins,sans-serif!important;font-size:16px;margin-bottom:4px}.stat-value{font-size:28px!important}.empty-orders,.loading-spinner,.stat-value{color:#fff;font-family:Poppins,sans-serif!important}.empty-orders,.loading-spinner{font-size:20px!important;padding:60px 20px;text-align:center}.empty-orders p{font-family:Poppins,sans-serif!important;font-size:20px!important}.error-state{color:#fff;padding:40px 20px;text-align:center}.error-state p{margin-bottom:20px}.btn-retry,.error-state p{font-family:Poppins,sans-serif!important;font-size:18px!important}.btn-retry{background:#fff;border:none;border-radius:12px;color:#667eea;cursor:pointer;font-weight:600;padding:14px 24px;transition:all .2s}.btn-retry:hover{box-shadow:0 4px 12px #ffffff4d;transform:translateY(-2px)}@media (max-width:600px){.barista-header h1,.counter-name{font-size:20px!important}.order-id{font-size:24px!important}.timer-display{font-size:40px!important}.button-group{flex-direction:column}.btn-deliver,.btn-nav{flex:1 1}}.pin-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.pin-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:32px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pin-modal-header{margin-bottom:24px;text-align:center}.pin-modal-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 8px}.pin-modal-header p{color:#666;font-size:14px;margin:0}.pin-modal-form{display:flex;flex-direction:column;gap:16px}.pin-input-group{position:relative}.pin-input{border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-size:24px;font-weight:600;letter-spacing:8px;padding:16px;text-align:center;transition:all .2s ease;width:100%}.pin-input:focus{border-color:#2196f3;box-shadow:0 0 0 4px #2196f31a;outline:none}.pin-input:disabled{background:#f5f5f5;cursor:not-allowed}.pin-error{animation:shake .3s ease;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px;padding:12px 16px;text-align:center}.pin-modal-actions{display:flex;gap:12px}.pin-submit-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:12px;box-shadow:0 4px 12px #2196f34d;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:16px;transition:all .2s ease}.pin-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.pin-submit-btn:active:not(:disabled){transform:translateY(0)}.pin-submit-btn:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed;opacity:.6}.pin-help-text{margin-top:8px;text-align:center}.pin-help-text p{color:#999;font-size:13px;line-height:1.5;margin:0}@media (max-width:480px){.pin-modal{margin:16px;padding:24px}.pin-input,.pin-modal-header h2{font-size:20px}.pin-input{letter-spacing:6px;padding:14px}.pin-submit-btn{font-size:15px;padding:14px}}@media (prefers-color-scheme:dark){.pin-modal{background:#1e1e1e;color:#fff}.pin-modal-header h2{color:#fff}.pin-modal-header p{color:#b0b0b0}.pin-input{background:#2a2a2a;border-color:#404040;color:#fff}.pin-input:focus{border-color:#42a5f5;box-shadow:0 0 0 4px #42a5f533}.pin-help-text p{color:grey}}*{box-sizing:border-box;margin:0;padding:0}.manager-container{background:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.manager-header{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;margin-bottom:30px;padding:40px 30px}.manager-header h1{font-size:36px;font-weight:700;margin-bottom:5px}.subtitle{font-size:16px;margin:0;opacity:.9}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tab{background:#fff;border:2px solid #ddd;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.tab:hover{background:#f9f9f9;border-color:#2c3e50}.tab.active{background:linear-gradient(135deg,#2c3e50,#34495e);border-color:#2c3e50;color:#fff}.tab-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.alert-banner{align-items:flex-start;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;display:flex;gap:20px;margin-bottom:20px;padding:20px 30px;position:relative}@keyframes pulse{0%,to{box-shadow:0 4px 12px #ff6b6b4d}50%{box-shadow:0 4px 20px #ff6b6b80}}.alert-icon{animation:shake .5s ease-in-out infinite;font-size:40px;line-height:1}@keyframes shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.alert-content{flex:1 1}.alert-content h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.alert-content p{color:#fffffff2;font-size:14px;margin:0 0 12px}.alert-orders{display:flex;flex-direction:column;gap:6px}.alert-order-item{align-items:center;background:#ffffff26;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:8px 12px}.alert-order-item strong{font-family:Courier New,monospace;font-weight:700}.alert-counters{color:#fffc;font-size:12px;margin-left:auto}.alert-dismiss{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:18px;font-weight:700;height:32px;transition:all .2s ease;width:32px}.alert-dismiss:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width:768px){.alert-banner{flex-direction:column;padding:15px 20px}.alert-icon{font-size:32px}.alert-dismiss{position:absolute;right:10px;top:10px}}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-left:5px solid #95a5a6;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.stat-card.success{border-left-color:#4caf50}.stat-card.warning{border-left-color:#ff9800}.stat-card.info{border-left-color:#2196f3}.stat-card.secondary{border-left-color:#9c27b0}.stat-icon{font-size:40px;min-width:50px}.stat-content{flex:1 1}.stat-label{color:#999;font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#2c3e50;font-size:32px;font-weight:700}.stat-detail{color:#999;font-size:12px;margin-top:5px}.orders-list{display:flex;flex-direction:column;gap:15px}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.empty-state p{color:#4caf50;font-size:24px;font-weight:700}.order-row{align-items:center;background:#fff;border-left:5px solid #ff9800;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.order-row:hover{background:#fffbf0;box-shadow:0 4px 12px #00000026;transform:translateX(5px)}.order-info{flex:1 1}.order-row h4{color:#2c3e50;font-family:Courier New,monospace;font-size:18px;margin-bottom:5px}.counters{color:#999;font-size:13px}.order-amounts{align-items:flex-end;display:flex;flex-direction:column;gap:5px;margin:0 20px;min-width:120px}.paid{color:#666;font-size:13px}.refund{color:#ff9800;font-size:16px;font-weight:700}.arrow{color:#999;font-size:24px;transition:transform .3s ease}.order-row:hover .arrow{transform:translateX(5px)}.order-detail{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px}.btn-back{background:#fff;border:2px solid #2c3e50;border-radius:6px;color:#2c3e50;cursor:pointer;font-weight:600;margin-bottom:20px;padding:10px 20px;transition:all .3s ease}.btn-back:hover{background:#2c3e50;color:#fff;transform:translateX(-5px)}.detail-content{border-top:2px solid #f5f5f5;padding-top:20px}.detail-content h3{color:#2c3e50;font-family:Courier New,monospace;font-size:24px;margin-bottom:20px}.detail-refund,.detail-total{color:#666;font-size:16px;margin-bottom:10px}.detail-refund strong,.detail-total strong{color:#2c3e50;font-weight:700}.counters-detail{border-top:2px solid #f5f5f5;margin-top:25px;padding-top:20px}.counters-detail h4{color:#2c3e50;font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.counter-detail-card{background:#f9f9f9;border-left:4px solid #2c3e50;border-radius:6px;margin-bottom:12px;padding:15px}.counter-detail-card h5{color:#2c3e50;font-size:14px;font-weight:700;margin-bottom:8px}.status-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:700;margin-bottom:10px;padding:4px 12px;text-transform:uppercase}.items-detail{margin:10px 0}.items-detail p{color:#666;font-size:13px;margin:5px 0}.price{color:#2c3e50;font-weight:700;margin-top:10px}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:.5px;min-width:150px;padding:14px 20px;text-transform:uppercase;transition:all .3s ease}.btn-refund{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-refund:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:0 6px 12px #ff98004d;transform:translateY(-2px)}.btn-remake{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.btn-remake:hover:not(:disabled){background:linear-gradient(135deg,#7b1fa2,#6a1b9a);box-shadow:0 6px 12px #9c27b04d;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6}.activity-list{display:flex;flex-direction:column;gap:15px}.empty{color:#999;font-size:16px;padding:40px;text-align:center}.activity-item,.empty{background:#fff;border-radius:10px}.activity-item{border-left:4px solid #2196f3;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:20px;transition:all .3s ease}.activity-item:hover{box-shadow:0 4px 12px #00000026;transform:translateX(5px)}.activity-time{color:#2c3e50;font-family:Courier New,monospace;font-weight:700;min-width:80px}.activity-content{flex:1 1}.activity-text{color:#666;font-size:14px;margin-bottom:5px}.activity-text strong{color:#2c3e50;font-family:Courier New,monospace}.activity-type{background:#e3f2fd;border-radius:3px;color:#1976d2;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.activity-actor{color:#999;font-size:12px;margin:5px 0 0}.activity-amount{color:#ff9800;font-size:13px;font-weight:700;margin-top:5px}.loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:400px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2c3e50;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading p{color:#666;font-size:16px}@media (max-width:768px){.manager-container{padding:10px}.manager-header{padding:25px 20px}.manager-header h1{font-size:28px}.stats-grid{gap:15px;grid-template-columns:1fr}.stat-card{flex-direction:column;padding:15px;text-align:center}.stat-icon{font-size:35px}.order-row{align-items:flex-start;flex-direction:column}.order-amounts{align-items:flex-start;margin:10px 0;min-width:auto}.arrow{position:absolute;right:20px}.action-buttons{flex-direction:column}.btn{min-width:100%}.tabs{gap:5px}.tab{font-size:12px;padding:10px 15px}}@media (max-width:480px){.manager-header{padding:20px 15px}.manager-header h1{font-size:22px}.subtitle{font-size:14px}.stat-value{font-size:28px}.stat-label{font-size:11px}.order-row{padding:15px}.order-row h4{font-size:14px}.counters{font-size:12px}.detail-content h3{font-size:18px}.counter-detail-card{padding:12px}.activity-item{gap:10px;padding:15px}.activity-time{font-size:12px;min-width:70px}.activity-text{font-size:13px}.activity-type{font-size:10px}.tabs{flex-direction:column}.tab{width:100%}}.menu-management{margin:0 auto;max-width:1200px;padding:20px}.menu-loading{color:#7f8c8d;padding:40px;text-align:center}.menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.menu-header h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.btn-add-item{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:transform .2s}.btn-add-item:hover{transform:translateY(-2px)}.counter-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:20px}.counter-title{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.no-items{color:#95a5a6;font-style:italic;padding:20px;text-align:center}.items-list{display:flex;flex-direction:column;gap:12px}.menu-item-row{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px}.item-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.item-name-veg{align-items:center;display:flex;gap:8px}.nonveg-badge,.veg-badge{font-size:12px}.item-name{color:#2c3e50;font-size:15px;font-weight:600}.item-price{color:#27ae60;font-size:16px;font-weight:700}.item-actions{align-items:center;display:flex;gap:8px}.btn-stock{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-stock.in-stock{background:#d4edda;color:#155724}.btn-stock.in-stock:hover{background:#c3e6cb}.btn-stock.out-of-stock{background:#f8d7da;color:#721c24}.btn-stock.out-of-stock:hover{background:#f5c6cb}.btn-edit{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.btn-edit:hover{background:#2980b9}.btn-delete{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:background .2s}.btn-delete:hover{background:#c0392b}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.modal-content.small{max-width:400px}.modal-content h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 20px}.item-name-display{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px}.current-price{color:#7f8c8d;font-size:14px;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #bdc3c7;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group.checkbox,.form-group.checkbox label{align-items:center;display:flex}.form-group.checkbox label{cursor:pointer;gap:8px;margin:0}.form-group.checkbox input{cursor:pointer;width:auto}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-cancel{background:#ecf0f1;color:#2c3e50}.btn-cancel:hover{background:#bdc3c7}.btn-save{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-save:hover{box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}@media (max-width:768px){.menu-item-row{align-items:flex-start;flex-direction:column}.item-actions{flex-wrap:wrap;width:100%}.btn-edit,.btn-stock{flex:1 1}}.menu-item-row.archived-item{background:#f8f9fa;border-left:4px solid #95a5a6;opacity:.8}.archived-badge{background:#95a5a6;border-radius:12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;margin-left:10px;padding:3px 10px;text-transform:uppercase}.btn-restore{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:6px;box-shadow:0 2px 4px #27ae6033;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.btn-restore:hover{box-shadow:0 4px 8px #27ae604d;transform:translateY(-2px)}.archived-info{color:#7f8c8d;font-size:13px;font-style:italic;font-weight:500}.counter-title{align-items:center;display:flex;gap:8px}.counter-title small{color:#7f8c8d;font-size:14px;font-weight:400}