@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--customer-primary: #FF6B35;--customer-primary-dark: #E55A2B;--customer-secondary: #2E3440;--customer-bg: #F8F9FA;--customer-card: #FFFFFF;--customer-text: #2E3440;--customer-text-muted: #6C757D;--customer-success: #28A745;--customer-warning: #FFC107;--customer-error: #DC3545;--customer-border: #E9ECEF;--customer-shadow: 0 2px 8px rgba(0, 0, 0, .08);--customer-shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--customer-radius: 12px;--customer-radius-lg: 16px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}.customer-page{min-height:100vh;min-height:100dvh;background:var(--customer-bg);display:flex;flex-direction:column;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.customer-page--center{justify-content:center;align-items:center;padding:24px;text-align:center}.customer-header{padding:16px 20px;background:var(--customer-card);border-bottom:1px solid var(--customer-border);position:sticky;top:0;z-index:100}.customer-main{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px}.customer-footer{padding:16px 20px;background:var(--customer-card);border-top:1px solid var(--customer-border);padding-bottom:calc(16px + var(--safe-area-bottom))}.restaurant-badge{display:flex;align-items:center;gap:8px}.restaurant-icon{font-size:24px}.restaurant-name{font-size:18px;font-weight:600;color:var(--customer-text)}.welcome-card{background:var(--customer-card);border-radius:var(--customer-radius-lg);padding:24px;text-align:center;box-shadow:var(--customer-shadow)}.welcome-title{font-size:32px;font-weight:700;color:var(--customer-text);margin:0 0 4px}.welcome-subtitle{font-size:14px;color:var(--customer-text-muted);margin:0 0 16px}.table-info-card{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:var(--customer-bg);border-radius:var(--customer-radius);margin-bottom:16px}.table-icon{font-size:32px}.table-details{display:flex;flex-direction:column;text-align:left}.table-name{font-size:20px;font-weight:600;color:var(--customer-text)}.table-code{font-size:12px;color:var(--customer-text-muted)}.guest-badge{display:flex;flex-direction:column;gap:4px}.guest-number{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;background:var(--customer-primary);color:#fff;border-radius:20px;font-size:14px;font-weight:500}.guest-count{font-size:12px;color:var(--customer-text-muted)}.session-summary{background:var(--customer-card);border-radius:var(--customer-radius);padding:16px;box-shadow:var(--customer-shadow)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-row:not(:last-child){border-bottom:1px solid var(--customer-border)}.summary-row .amount{font-weight:600;color:var(--customer-text)}.summary-row .amount.paid{color:var(--customer-success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--customer-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--primary{background:var(--customer-primary);color:#fff}.btn--primary:hover,.btn--primary:active{background:var(--customer-primary-dark);transform:translateY(-1px)}.btn--secondary{background:var(--customer-bg);color:var(--customer-text);border:1px solid var(--customer-border)}.btn--large{padding:16px 32px;font-size:18px}.btn--full-width{width:100%}.btn--floating{position:fixed;bottom:calc(24px + var(--safe-area-bottom));left:20px;right:20px;box-shadow:var(--customer-shadow-lg)}.btn-icon{font-size:20px}.info-alert{display:flex;gap:12px;padding:12px 16px;background:#e3f2fd;border-radius:var(--customer-radius);color:#1565c0}.info-alert .info-icon{font-size:20px;flex-shrink:0}.info-alert p{margin:0;font-size:14px;line-height:1.4}.error-icon{font-size:64px;margin-bottom:16px}.error-title{font-size:24px;font-weight:700;color:var(--customer-text);margin:0 0 8px}.error-message{font-size:16px;color:var(--customer-text-muted);margin:0 0 24px}.loading-spinner{width:48px;height:48px;border:4px solid var(--customer-border);border-top-color:var(--customer-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:16px;color:var(--customer-text-muted);margin:0}.menu-header{display:flex;align-items:center;justify-content:space-between}.back-button{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;margin:-8px}.cart-button{position:relative;background:var(--customer-primary);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;color:#fff}.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--customer-error);color:#fff;font-size:12px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center}.category-pills{display:flex;gap:8px;overflow-x:auto;padding:12px 20px;background:var(--customer-card);border-bottom:1px solid var(--customer-border);-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-pills::-webkit-scrollbar{display:none}.category-pill{padding:8px 16px;background:var(--customer-bg);border:none;border-radius:20px;font-size:14px;font-weight:500;color:var(--customer-text);white-space:nowrap;cursor:pointer;transition:all .2s ease}.category-pill--active{background:var(--customer-primary);color:#fff}.menu-category{margin-bottom:24px}.category-title{font-size:18px;font-weight:600;color:var(--customer-text);margin:0 0 12px;padding:0 4px}.menu-items-grid{display:flex;flex-direction:column;gap:12px}.menu-item-card{display:flex;gap:12px;background:var(--customer-card);border-radius:var(--customer-radius);padding:12px;box-shadow:var(--customer-shadow)}.menu-item-image{width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--customer-bg)}.menu-item-info{flex:1;min-width:0}.menu-item-name{font-size:16px;font-weight:600;color:var(--customer-text);margin:0 0 4px}.menu-item-description{font-size:13px;color:var(--customer-text-muted);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-item-footer{display:flex;justify-content:space-between;align-items:center}.menu-item-price{font-size:16px;font-weight:600;color:var(--customer-primary)}.add-button{background:var(--customer-primary);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;cursor:pointer}.add-button:disabled{background:var(--customer-border);cursor:not-allowed}.cart-item{display:flex;gap:12px;padding:16px;background:var(--customer-card);border-radius:var(--customer-radius);box-shadow:var(--customer-shadow)}.cart-item-image{width:64px;height:64px;border-radius:8px;object-fit:cover}.cart-item-details{flex:1}.cart-item-name{font-size:16px;font-weight:600;margin:0 0 4px}.cart-item-price{font-size:14px;color:var(--customer-primary);font-weight:500}.quantity-control{display:flex;align-items:center;gap:12px}.quantity-btn{width:32px;height:32px;border:1px solid var(--customer-border);background:var(--customer-bg);border-radius:8px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.quantity-value{font-size:16px;font-weight:600;min-width:24px;text-align:center}.animate-slide-up{animation:slideUp .4s ease-out forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@media (min-width: 600px){.customer-main{max-width:540px;margin:0 auto;width:100%}.menu-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.menu-item-card{flex-direction:column}.menu-item-image{width:100%;height:120px}.btn--floating{max-width:540px;left:50%;transform:translate(-50%);right:auto;width:calc(100% - 40px)}}@media (min-width: 900px){.customer-main{max-width:720px}.menu-items-grid{grid-template-columns:repeat(3,1fr)}.btn--floating{max-width:720px}}.bill-summary{background:linear-gradient(135deg,var(--customer-primary),var(--customer-primary-dark));color:#fff;padding:20px;border-radius:var(--customer-radius-lg);margin:-4px 0 16px}.bill-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bill-total .amount{font-size:28px;font-weight:700}.guest-info-chip{background:#fff3;padding:8px 16px;border-radius:20px;font-size:13px;text-align:center}.split-mode-container{background:var(--customer-card);padding:16px;border-radius:var(--customer-radius);margin-bottom:16px}.split-mode-container h3{font-size:16px;margin:0 0 12px;color:var(--customer-text)}.split-mode-options{display:flex;gap:8px}.split-mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid var(--customer-border);background:var(--customer-bg);border-radius:var(--customer-radius);cursor:pointer;transition:all .2s ease}.split-mode-btn .icon{font-size:24px}.split-mode-btn span:last-child{font-size:12px;font-weight:500;color:var(--customer-text)}.split-mode-btn.active{border-color:var(--customer-primary);background:#fff5f2}.split-mode-btn.active span:last-child{color:var(--customer-primary)}.split-items-container{display:flex;flex-direction:column;gap:16px}.items-section{display:flex;flex-direction:column;gap:8px}.items-section h4{font-size:14px;color:var(--customer-text-muted);margin:0;text-transform:uppercase;letter-spacing:.5px}.section-header{display:flex;justify-content:space-between;align-items:center}.select-all-btn{background:none;border:none;color:var(--customer-primary);font-size:13px;font-weight:500;cursor:pointer}.split-item-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--customer-card);border:2px solid var(--customer-border);border-radius:var(--customer-radius);cursor:pointer;transition:all .2s ease}.split-item-card.selected{border-color:var(--customer-primary);background:#fff5f2}.item-checkbox{width:24px;height:24px;border:2px solid var(--customer-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--customer-text-muted)}.split-item-card.selected .item-checkbox{background:var(--customer-primary);border-color:var(--customer-primary);color:#fff}.item-details{flex:1;min-width:0}.item-name{font-size:15px;font-weight:500;color:var(--customer-text);display:block}.item-guest{font-size:12px;color:var(--customer-text-muted)}.item-price{font-size:15px;font-weight:600;color:var(--customer-primary)}.equal-split-container{display:flex;justify-content:center;padding:20px 0}.equal-split-card{background:var(--customer-card);padding:24px;border-radius:var(--customer-radius-lg);text-align:center;box-shadow:var(--customer-shadow);min-width:280px}.split-calculation{display:flex;flex-direction:column;gap:4px;padding:12px 0}.split-calculation .label{font-size:13px;color:var(--customer-text-muted)}.split-calculation .value{font-size:24px;font-weight:600;color:var(--customer-text)}.split-divider{font-size:24px;color:var(--customer-text-muted);padding:8px 0}.split-result{padding:16px;background:var(--customer-bg);border-radius:var(--customer-radius);margin-top:12px}.split-result .label{font-size:13px;color:var(--customer-text-muted);display:block;margin-bottom:4px}.split-result .value.highlight{font-size:32px;font-weight:700;color:var(--customer-primary)}.custom-split-container{padding:20px;background:var(--customer-card);border-radius:var(--customer-radius)}.custom-input-label{display:block;font-size:14px;color:var(--customer-text-muted);margin-bottom:12px}.custom-amount-input{display:flex;align-items:center;gap:8px;padding:16px;border:2px solid var(--customer-border);border-radius:var(--customer-radius);background:var(--customer-bg)}.custom-amount-input .currency{font-size:24px;font-weight:600;color:var(--customer-text-muted)}.custom-amount-input input{flex:1;border:none;background:transparent;font-size:32px;font-weight:600;color:var(--customer-text);outline:none}.custom-amount-input input::placeholder{color:var(--customer-border)}.remaining-hint{margin-top:12px;font-size:14px;color:var(--customer-text-muted);text-align:center}.empty-state{text-align:center;padding:40px 20px}.empty-icon{font-size:48px;display:block;margin-bottom:12px}.empty-state p{font-size:16px;color:var(--customer-text-muted);margin:0}.cart-footer-actions{position:fixed;bottom:0;left:0;right:0;padding:16px 20px;padding-bottom:calc(16px + var(--safe-area-bottom));background:var(--customer-card);border-top:1px solid var(--customer-border);box-shadow:0 -8px 24px #0000001f;z-index:1000;display:flex;flex-direction:column;gap:12px}.swipe-slider-wrapper{width:100%}.pay-button-container{position:fixed;bottom:0;left:0;right:0;padding:16px 20px;padding-bottom:calc(16px + var(--safe-area-bottom));background:var(--customer-card);border-top:1px solid var(--customer-border);box-shadow:0 -4px 16px #00000014}.btn--full{width:100%}:root{--primary: #FF6B35;--primary-light: #FF8C5A;--primary-dark: #E55A2B;--success: #2E7D32;--warning: #ED6C02;--error: #D32F2F;--bg-primary: #F8F9FA;--bg-paper: #FFFFFF;--text-primary: #212121;--text-secondary: #757575;--border: #E0E0E0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:silver;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .4s ease-out}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:pulse 1.5s infinite;border-radius:4px}.Toastify__toast-container{padding:0 16px 16px}.Toastify__toast{border-radius:12px;font-family:Inter,sans-serif}