:root{--color-canvas: #121214;--color-primary: oklch(65.63% .107 185.34);--color-success: oklch(72.3% .219 149.579);--color-danger: oklch(63.7% .237 25.331);--color-foreground: #121214;--color-foreground-muted: #6b7280;--color-border: #e5e7eb}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2.5rem;line-height:1.1}.page{height:100dvh;overflow:hidden;display:grid;grid-template-rows:1fr auto}.page>div:first-child{overflow:hidden}.title{color:var(--color-foreground);margin:0 0 8px;font-size:1.5rem;font-weight:600}.subtitle{font-size:1.1rem;color:var(--color-foreground);font-weight:600}.label{display:block;font-size:1rem;color:var(--color-foreground);margin-bottom:3px}._success-page_gy9ko_1{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#fff;color:#333;text-align:center;padding:20px}._ai-logo_gy9ko_13{width:150px;height:auto;margin-bottom:20px;object-fit:contain}._shape-container_gy9ko_19{position:relative;display:flex;justify-content:center;align-items:center}._shape_gy9ko_19{position:absolute;top:-150px;left:-250px;object-fit:contain;opacity:.5;z-index:0}._title-container_gy9ko_35{display:flex;align-items:center;justify-content:center;margin-bottom:10px}._success-icon_gy9ko_42{fill:#26a69a;width:32px;height:32px;margin-right:10px}._success-page_gy9ko_1 h1{font-weight:500;font-size:2rem;color:#26a69a;margin-bottom:10px}._success-page_gy9ko_1 p{font-size:1rem;margin-bottom:30px;color:#666;max-width:500px;text-align:justify}._transaction-details_gy9ko_64{width:100%;max-width:400px;border-top:1px solid #eee;padding-top:20px}._transaction-details_gy9ko_64 h2{font-size:1.2rem;margin-bottom:20px;font-weight:500}._detail_gy9ko_77{display:flex;justify-content:space-between;margin-bottom:10px}._back-button_gy9ko_83{background-color:#26a69a;color:#fff;padding:14px 28px;border-radius:12px;text-decoration:none;margin-top:30px;font-weight:700;border:none;cursor:pointer;transition:background-color .3s ease;font-size:1rem;box-shadow:0 4px 6px #0000001a}._back-button_gy9ko_83:hover{background-color:#1e8a7e}._failed-page_2g2b8_1{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#fff;color:#333;text-align:center;padding:20px}._ai-logo_2g2b8_13{width:150px;height:auto;margin-bottom:20px;object-fit:contain}._shape-container_2g2b8_20{position:relative;display:flex;justify-content:center;align-items:center}._shape_2g2b8_20{position:absolute;top:-150px;left:-250px;object-fit:contain;opacity:.5;z-index:0}._title-container_2g2b8_36{display:flex;align-items:center;justify-content:center;margin-bottom:10px}._failed-icon_2g2b8_43{fill:#d32f2f;width:32px;height:32px;margin-right:10px}._failed-page_2g2b8_1 h1{font-weight:500;font-size:2rem;color:#d32f2f;margin-bottom:10px}._failed-page_2g2b8_1 p{font-size:1rem;margin-bottom:30px;color:#666;max-width:500px;text-align:justify}._back-button_2g2b8_65{background-color:#26a69a;color:#fff;padding:14px 28px;border-radius:12px;text-decoration:none;margin-top:30px;font-weight:700;border:none;cursor:pointer;transition:background-color .3s ease;font-size:1rem;box-shadow:0 4px 6px #0000001a}._back-button_2g2b8_65:hover{background-color:#1e8a7e}.page-loader{height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.page-loader p{font-size:1.2rem}.footer{background:var(--color-canvas);padding:15px 20px;text-align:center;margin-top:auto}.footer p{margin:0;font-size:.875rem;color:#fff;font-weight:400}.footer a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:all .3s ease}.footer a:hover{color:#20958a;text-decoration:underline;text-shadow:0 0 8px rgba(38,166,154,.3)}@media (max-width: 768px){.footer{padding:12px 15px}.footer p{font-size:.8rem}}.return-container{width:100%;background:var(--primary-color);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0 32px}.restaurant-image{width:300px;height:160px;object-fit:contain;margin-bottom:0;background:none;border:none;border-radius:0;box-shadow:none;display:block}.summary-box{background:#222;border-radius:12px;padding:20px;margin-bottom:32px;color:#fff;font-size:17px;font-weight:500;box-shadow:0 2px 12px #00000014}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.summary-label{font-weight:500;font-size:17px;color:#fff;letter-spacing:.5px}.summary-value{font-weight:700;font-size:20px;color:#fff}.summary-bill{color:var(--primary-color);font-weight:800;font-size:20px;letter-spacing:1px}.summary-total{font-weight:700;font-size:28px}.summary-status{color:var(--primary-color);font-weight:600}.onboarding-return-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.onboarding-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;text-align:center;max-width:500px;width:100%;animation:slideUp .6s ease-out}.onboarding-container.loading{background:#f8f9fa;border:2px dashed #dee2e6}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.status-icon{font-size:64px;margin-bottom:20px;display:block}.success-icon{color:#28a745}.warning-icon{color:#ffc107}.error-icon{color:#dc3545}.onboarding-container h1{color:#2c3e50;margin:0 0 20px;font-size:28px;font-weight:600}.onboarding-container.success h1{color:#28a745}.onboarding-container.incomplete h1{color:#ffc107}.onboarding-container.error h1{color:#dc3545}.missing-fields{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;margin:20px 0;text-align:left}.missing-fields h3{color:#856404;margin:0 0 15px;font-size:16px;font-weight:600}.missing-fields ul{color:#856404;margin:0;padding-left:20px}.missing-fields li{margin:5px 0;text-transform:capitalize}.continue-button{background:linear-gradient(135deg,#28a745,#20c997)}.continue-button:hover{box-shadow:0 8px 20px #28a74566}.retry-button{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529}.retry-button:hover{box-shadow:0 8px 20px #ffc10766}@media (max-width: 576px){.onboarding-return-page{padding:10px}.onboarding-container{padding:30px 20px}.onboarding-container h1{font-size:24px}.status-icon{font-size:48px}.action-buttons{gap:10px}.action-buttons button{padding:10px 20px;font-size:14px}}.onboarding-refresh-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7b7b,#667eea);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.refresh-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;text-align:center;max-width:500px;width:100%;animation:slideUp .6s ease-out}.status-icon{margin-bottom:20px;display:block}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.redirect-icon{font-size:64px;color:#17a2b8;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{font-size:64px;color:#dc3545}.refresh-container h1{color:#2c3e50;margin:0 0 20px;font-size:28px;font-weight:600}.refresh-container.loading h1{color:#667eea}.refresh-container.redirecting h1{color:#17a2b8}.refresh-container.error h1{color:#dc3545}.status-message{color:#6c757d;font-size:16px;line-height:1.5;margin:0 0 30px}.countdown-container{margin:30px 0}.countdown-circle{width:80px;height:80px;border:4px solid #e9ecef;border-top:4px solid #17a2b8;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;animation:spin 1s linear infinite}.countdown-number{font-size:32px;font-weight:700;color:#17a2b8;animation:spin 1s linear infinite reverse}.countdown-text{color:#6c757d;font-size:14px;margin:0}.loading-details,.error-details{background:#f8f9fa;border-radius:8px;padding:20px;margin:20px 0;text-align:left}.loading-details p,.error-details p{color:#6c757d;margin:8px 0;font-size:14px;line-height:1.5}.error-details{background:#f8d7da;border:1px solid #f5c6cb}.error-details p{color:#721c24}.action-buttons{display:flex;flex-direction:column;gap:12px;margin:30px 0}.action-buttons button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.secondary{background:transparent;color:#6c757d;border:2px solid #dee2e6}.secondary:hover{background:#f8f9fa;border-color:#adb5bd}.retry-button{background:linear-gradient(135deg,#ff7b7b,#ff6b6b)}.retry-button:hover{box-shadow:0 8px 20px #ff7b7b66}.redirect-info{background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;padding:15px;margin:20px 0}.redirect-note{color:#0c5460;font-size:14px;margin:0;line-height:1.4}.help-text{border-top:1px solid #dee2e6;padding-top:20px;margin-top:20px}.help-text p{color:#6c757d;font-size:14px;margin:0}.help-text a{color:#667eea;text-decoration:none}.help-text a:hover{text-decoration:underline}@media (max-width: 576px){.onboarding-refresh-page{padding:10px}.refresh-container{padding:30px 20px}.refresh-container h1{font-size:24px}.redirect-icon,.error-icon{font-size:48px}.countdown-circle{width:60px;height:60px}.countdown-number{font-size:24px}.action-buttons{gap:10px}.action-buttons button{padding:10px 20px;font-size:14px}}.order-details-toggle{margin-top:10px;margin-bottom:10px}.order-details-toggle-btn{width:100%;padding:12px;background-color:transparent;border:none;border-radius:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;transition:background-color .2s;border:1px solid var(--color-border)}.arrow{font-size:1rem;transition:transform .2s ease}.order-details-dropdown{margin-top:10px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.order-details-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 14px;border-bottom:1px solid var(--color-border)}.order-details-item:last-child{border-bottom:none}.order-details-item-info{flex:1;padding-right:16px}.order-details-item-name{font-weight:600;font-size:1em;margin-bottom:4px;color:var(--color-foreground)}.order-details-item-desc{font-size:.85em;color:var(--color-foreground-muted);margin-bottom:4px;line-height:1.4}.order-details-item-group{font-size:.8em;color:var(--color-muted)}.order-details-item-price{font-weight:600;font-size:1em;color:var(--color-foreground);text-align:right}.discount-list{margin-bottom:16px}.discount-list-row{display:flex;justify-content:space-between;align-items:center;font-size:.9em;margin-bottom:4px}.discount-list-label{display:flex;align-items:center;gap:8px}.discount-list-icon{background-color:#f3f4f6;color:#6b7280;padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:500}.discount-list-title{color:#111827}.discount-list-amounts{text-align:right}.discount-list-main{font-weight:600;color:#111827}.discount-list-sub{font-size:.75em;color:#6b7280}.email-info-container{margin-top:10px;padding:10px 14px;background-color:#f9fafb;border-radius:8px;border:1px solid var(--color-border)}.email-info-row{display:flex;align-items:center;gap:12px;font-size:.9em}.email-info-label{color:var(--color-foreground-muted);display:flex;align-items:center;justify-content:center}.email-info-value{color:var(--color-foreground);font-weight:500;flex:1}.tip-selector-container{margin-top:20px;border-top:1px solid var(--color-border);margin-bottom:20px}.tip-selector-title{color:var(--color-foreground);margin-bottom:16px;font-size:1.1em;font-weight:600;text-align:center}.tip-selector-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px;overflow-x:auto}.tip-selector-btn{padding:12px 8px;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--color-border);background:#fff;color:var(--color-foreground);min-width:60px}.tip-selector-custom{margin-bottom:8px}.tip-selector-input-wrapper{display:flex;align-items:center;border-radius:8px;padding:10px 16px;border:1px solid var(--color-border)}.tip-selector-currency{color:var(--color-foreground);font-size:1.2rem;margin-right:8px;font-weight:600}.tip-selector-input{background:transparent;border:none;font-size:1.2rem;color:var(--color-foreground);outline:none;flex:1;font-weight:600;width:100%}.tip-selector-custom-percent{font-size:.85em;color:var(--color-foreground-muted);margin-left:8px}.checkout-layout{display:flex}.logo-section{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,85% 100%,0% 100%)}.logo-section:after{content:"";position:absolute;top:0;right:-50px;width:100px;height:100%;background:inherit;transform:skew(-15deg);z-index:-1}.logo-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.logo-content{text-align:center;z-index:1;position:relative}.logo-content .logo{height:120px;width:auto;margin-bottom:30px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:transform .3s ease}.checkout-section{flex:1;background:#fff;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto}.checkout-container{width:90%;max-width:500px;margin-inline:auto;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:32px}.order-summary{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-border)}.order-summary--header{text-align:center;margin-bottom:1.5rem}.subtotal-container{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;margin-bottom:1rem}.tip-summary-container{margin-bottom:20px;padding:16px;background-color:#f9fafb;border-radius:8px;border:1px solid var(--color-border)}.tip-summary-row{display:flex;justify-content:space-between;align-items:center}.tip-summary-row:not(:last-child){margin-bottom:8px}.tip-summary-row.tip-row{margin-bottom:12px}.tip-summary-label{color:var(--color-foreground-muted);font-size:.9em}.tip-summary-value{color:var(--color-foreground);font-weight:500}.tip-summary-value.tip{color:var(--color-success)}.tip-summary-value.tip-zero{color:var(--color-foreground-muted)}.tip-summary-divider{height:1px;background-color:#e5e7eb;margin:12px 0;border:none}.tip-summary-total-label{color:var(--color-foreground);font-size:1.1em;font-weight:700}.tip-summary-total-value{color:var(--color-foreground);font-size:1.2em;font-weight:700}.checkout-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.checkout-error h2{font-size:2rem;margin:0 0 20px;color:#ff6b6b}.checkout-error p{font-size:1.1rem;margin:0 0 30px;max-width:500px;line-height:1.6}.checkout-error button{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.checkout-error button:hover{background:#5a6fd8}@media (max-width: 1024px){.checkout-layout{flex-direction:column}.logo-section{min-height:10vh;max-height:20px;padding:30px 20px;clip-path:polygon(0 0,100% 0,100% 85%,0% 100%)}.logo-section:after{display:none}.logo-content .logo{height:80px;margin-bottom:20px}.logo-content h1{font-size:2rem}.checkout-section{min-height:60vh;padding:30px 20px}.checkout-container{padding:24px}}@media (max-width: 768px){.logo-section{max-height:40px;padding:20px}.logo-content .logo{height:60px;margin-bottom:15px}.logo-content h1{font-size:1.8rem}.checkout-section{padding:20px}.checkout-container{padding:20px;border-radius:12px}}@media (max-width: 480px){.logo-section{max-height:20px;padding:15px}.logo-content .logo{height:50px;margin-bottom:10px}.logo-content h1{font-size:1.5rem}.checkout-section{padding:15px}.checkout-container{padding:16px}}.checkout-container{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-content{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.currency-display-container{display:flex;flex-direction:column;gap:4px}.currency-display-box{padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:.9em;font-weight:500;color:var(--color-foreground);flex:1;justify-content:center;transition:border-color .2s}.homepage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#fff;color:#333;text-align:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.homepage h1{font-size:2.5rem;margin-bottom:20px;font-weight:500}.homepage nav ul{list-style:none;padding:0}.homepage nav ul li{margin:15px 0}.homepage nav ul li a{color:#26a69a;text-decoration:none;font-size:1.2rem;font-weight:500;transition:color .3s ease}.homepage nav ul li a:hover{color:#1e8a7e}
