:root,:root[data-theme=light]{--font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-title: 20px;--font-size-subtitle: 16px;--font-size-body: 15px;--font-size-small: 13px;--font-size-xs: 12px;--space-xs: 6px;--space-s: 12px;--space-m: 20px;--space-l: 32px;--space-xl: 48px;--bg: #f8f9fb;--bg-card: #ffffff;--surface: #ffffff;--text: #101419;--text-primary: #101419;--text-secondary: #5f6773;--accent: #3d7afe;--accent-hover: #3168dc;--accent-soft: rgba(61, 122, 254, .08);--success: #22c55e;--success-soft: rgba(34, 197, 94, .1);--error: #ef4444;--error-soft: rgba(239, 68, 68, .08);--border: rgba(0, 0, 0, .08);--soft-border: rgba(0, 0, 0, .08);--shadow: rgba(0, 0, 0, .06);--soft-shadow: 0 8px 24px rgba(0, 0, 0, .04);--card-shadow: 0 2px 8px rgba(0, 0, 0, .04);--btn-bg: var(--accent);--btn-text: #ffffff;--btn-bg-hover: var(--accent-hover);--btn-height: 44px;--btn-radius: 10px;--btn-font-size: 15px;--btn-max-width: 280px;--slot-bg: #ffffff;--slot-bg-hover: rgba(61, 122, 254, .04);--slot-bg-selected: rgba(61, 122, 254, .08);--slot-border-selected: var(--accent);--slot-text: #20252d;--radius: 12px;--radius-card: 12px;--radius-button: 10px;--radius-surface: 14px;--radius-pill: 999px;--transition: .15s ease;--transition-fast: .1s ease}:root[data-theme=dark]{--bg: #0e0f11;--bg-card: #17191c;--surface: #17191c;--text: #e7e9ec;--text-primary: #e7e9ec;--text-secondary: #9aa0a6;--accent: #6d8fff;--accent-hover: #7fa0ff;--accent-soft: rgba(109, 143, 255, .12);--success: #4ade80;--success-soft: rgba(74, 222, 128, .12);--error: #f87171;--error-soft: rgba(248, 113, 113, .12);--border: rgba(255, 255, 255, .08);--soft-border: rgba(255, 255, 255, .06);--shadow: rgba(0, 0, 0, .4);--soft-shadow: 0 8px 24px rgba(0, 0, 0, .3);--card-shadow: 0 2px 8px rgba(0, 0, 0, .2);--btn-bg: var(--accent);--btn-text: #ffffff;--btn-bg-hover: var(--accent-hover);--slot-bg: #1c1e22;--slot-bg-hover: rgba(109, 143, 255, .08);--slot-bg-selected: rgba(109, 143, 255, .15);--slot-border-selected: var(--accent);--slot-text: #e7e9ec}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}:root{--spacing: var(--space-s, 12px);--line: 1px solid var(--soft-border)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--text)}p{margin:0;color:var(--text-secondary)}.text-secondary{color:var(--text-secondary)}.surface{background:var(--surface);border:var(--line);border-radius:var(--radius-surface);box-shadow:var(--soft-shadow)}.muted{color:var(--text-secondary)}.btn{border:none;border-radius:var(--radius-button);padding:12px 16px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.btn-primary{background:var(--btn-bg);color:var(--btn-text)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-quiet{background:transparent;color:var(--text)}.card-title{font-weight:700;font-size:var(--font-size-subtitle);color:var(--text-primary)}.app-container{max-width:480px;margin:0 auto;padding:var(--space-m) var(--space-s);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.stack{display:flex;flex-direction:column;gap:var(--space-m)}.header{display:flex;flex-direction:column;gap:var(--space-xs)}.card-grid{display:flex;flex-direction:column;gap:var(--spacing)}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing)}.centered{text-align:center;align-items:center;justify-content:center}.footer-actions{display:flex;flex-direction:row;gap:var(--spacing);margin-top:auto;padding-top:var(--spacing)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:var(--font-size-small)}.separator{height:1px;background:var(--soft-border);width:100%}.surface-card{background:var(--bg-card);border-radius:var(--radius-card);border:var(--line);padding:calc(var(--spacing) * 1.2);box-shadow:var(--card-shadow)}.tz-badge{font-size:var(--font-size-small);color:var(--text-secondary);padding:6px 10px;background:var(--accent-soft);border-radius:var(--radius-pill);display:inline-flex;align-self:flex-start}.day-label{font-size:var(--font-size-body);font-weight:500;color:var(--text-primary)}.slot-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px;background:var(--slot-bg);border:var(--line);border-radius:var(--radius-card);cursor:pointer;transition:all var(--transition);gap:4px}.slot-button:hover{border-color:var(--accent);background:var(--slot-bg-hover)}.slot-button.slot-selected{border-color:var(--slot-border-selected);background:var(--slot-bg-selected);box-shadow:0 0 0 2px var(--accent-soft)}.slot-time{font-weight:600;font-size:var(--font-size-body);color:var(--slot-text)}.slot-duration{font-size:var(--font-size-xs);color:var(--text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid var(--soft-border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center}.error-message{color:var(--error);font-size:14px;padding:10px;background:var(--error-soft);border-radius:var(--radius-button);text-align:center}.error-message.hidden{display:none}.confirm-summary{display:flex;flex-direction:column;gap:12px}.confirm-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--soft-border)}.confirm-row:last-child{border-bottom:none}.confirm-label{color:var(--text-secondary);font-size:14px}.confirm-value{font-weight:600;font-size:15px}.welcome-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.welcome-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);max-width:320px;margin:0 auto}.welcome-icon{margin-bottom:var(--space-s)}.welcome-action{width:100%;margin-top:var(--space-l);display:flex;justify-content:center}.greeting{font-size:var(--font-size-body);margin-bottom:var(--space-xs);color:var(--text-secondary)}.success-icon{margin-bottom:var(--space-s)}.success-details{display:flex;flex-direction:column;gap:var(--space-s);text-align:center}.success-row{padding:var(--space-xs) 0}.reservation-id{font-family:monospace;font-size:var(--font-size-xs)}.reminder-text{font-size:var(--font-size-small);max-width:280px;margin:0 auto;color:var(--text-secondary)}.gratitude-screen{padding-top:var(--space-l);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1}.options-list{display:flex;flex-direction:column;gap:var(--space-m);margin-top:var(--space-m)}.options-list .btn{width:100%}.qr-container{display:flex;justify-content:center;align-items:center;padding:var(--space-m);margin:var(--space-m) 0}.qr-image{max-width:240px;width:100%;height:auto;border-radius:var(--radius-card)}.bank-card{background:#1a1a1a;color:#fff;border-radius:16px;padding:var(--space-l) var(--space-m);margin:var(--space-m) 0;display:flex;flex-direction:column;gap:var(--space-s);box-shadow:0 4px 20px #0000004d}.bank-card-bank{font-size:var(--font-size-small);font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px}.bank-card-name{font-size:var(--font-size-body);font-weight:500;color:#fff}.bank-card-number{font-size:20px;font-weight:600;font-family:monospace;letter-spacing:2px;color:#fff;margin:var(--space-xs) 0}.bank-card-sbp{font-size:18px;font-weight:600;color:#e0e0e0;margin-top:var(--space-s);letter-spacing:.5px}.gratitude-final{position:relative;min-height:100vh;min-height:100dvh}.gratitude-close-btn{position:absolute;bottom:var(--space-l);left:var(--space-m);width:48px;height:48px;background:#00000059;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;border-radius:50%;transition:all var(--transition);display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px #00000026;opacity:.85;animation:close-btn-fade-in .4s ease-out .2s both}@keyframes close-btn-fade-in{0%{opacity:0}to{opacity:.85}}.gratitude-close-btn:hover{opacity:1;background:#00000073}.gratitude-close-btn:active{transform:scale(.95);opacity:1}.gratitude-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:var(--space-xl) var(--space-m);max-width:320px;margin:0 auto;animation:gratitude-fade-in .3s ease-out}@keyframes gratitude-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gratitude-heart{margin-bottom:var(--space-l);color:#3fe0d0;animation:heart-fade-in .4s ease-out}.gratitude-heart svg{display:block}@keyframes heart-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.gratitude-title{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-m)}.gratitude-text{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.6;opacity:.85}.qr-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-m);min-height:200px}.qr-loader{display:flex;align-items:center;justify-content:center;min-height:180px}.qr-image{max-width:220px;width:100%;height:auto;border-radius:var(--radius-card);box-shadow:var(--card-shadow)}.qr-fallback{text-align:center;padding:var(--space-m);background:var(--bg-card);border-radius:var(--radius-card);border:var(--line)}.qr-fallback-phone{font-size:18px;color:var(--text-primary);margin:var(--space-s) 0}.pay-icon{margin-bottom:var(--space-s)}.pay-amount-card{text-align:center;padding:var(--space-m)}.pay-amount{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-s)}.pay-details{display:flex;flex-direction:column;gap:var(--space-xs)}.pay-row{padding:var(--space-xs) 0}.pay-timer{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-s);background:var(--accent-soft);border-radius:var(--radius-button);font-size:var(--font-size-small)}.pay-timer.expired{background:var(--error-soft);color:var(--error)}.timer-icon{font-size:16px}.pay-loader{display:flex;flex-direction:column;align-items:center;gap:var(--space-s);padding:var(--space-m)}.pay-status{text-align:center;padding:var(--space-s);border-radius:var(--radius-button);font-weight:600}.pay-status.success{background:var(--success-soft);color:var(--success)}.pay-status.error{background:var(--error-soft);color:var(--error)}.pay-actions{margin-top:var(--space-m)}.calendar-wrapper{margin-bottom:var(--space-s)}.calendar-toggle-bar{display:flex;justify-content:flex-end}.calendar-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:var(--line);border-radius:var(--radius-button);padding:8px 14px;font-size:var(--font-size-small);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.calendar-toggle-btn:hover{background:var(--accent-soft);color:var(--accent)}.calendar-toggle-btn:active{transform:scale(.98)}.calendar-container{background:var(--bg-card);border:var(--line);border-radius:var(--radius-card);padding:var(--space-s);margin-top:var(--space-s);box-shadow:var(--card-shadow)}.calendar-container.hidden{display:none}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-s);padding:0 4px}.calendar-month-label{font-weight:600;font-size:var(--font-size-body);color:var(--text-primary);text-transform:capitalize}.calendar-nav-btn{background:transparent;border:none;width:36px;height:36px;border-radius:var(--radius-button);font-size:18px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.calendar-nav-btn:hover{background:var(--accent-soft);color:var(--accent)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.calendar-weekday{text-align:center;font-size:var(--font-size-xs);color:var(--text-secondary);padding:6px 0;font-weight:500}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{text-align:center;padding:10px 0;border-radius:8px;cursor:pointer;font-size:var(--font-size-small);color:var(--text-primary);transition:all var(--transition);min-height:40px;display:flex;align-items:center;justify-content:center}.calendar-day:hover:not(.disabled):not(.empty){background:var(--accent-soft);color:var(--accent)}.calendar-day:active:not(.disabled):not(.empty){transform:scale(.95)}.calendar-day.empty{cursor:default}.calendar-day.disabled{color:var(--text-secondary);opacity:.4;cursor:not-allowed}.calendar-day.has-slots{font-weight:600;color:var(--accent)}.calendar-day.has-slots:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;background:var(--accent);border-radius:50%}.calendar-day{position:relative}@media (max-width: 360px){.app-container{padding:var(--space-s) var(--space-xs)}.slot-grid{grid-template-columns:repeat(2,1fr)}.pay-amount{font-size:28px}}@media (min-width: 480px){.app-container{padding:var(--space-l) var(--space-m)}.slot-grid{grid-template-columns:repeat(3,1fr)}}.btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--btn-radius);padding:12px 20px;min-height:var(--btn-height);font-weight:600;font-size:var(--btn-font-size);cursor:pointer;transition:background var(--transition),transform var(--transition-fast),box-shadow var(--transition);text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}.btn:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--btn-bg);color:var(--btn-text);box-shadow:0 2px 8px #3d7afe33}.btn-primary:hover{background:var(--btn-bg-hover);box-shadow:0 4px 12px #3d7afe40}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--accent-soft);color:var(--accent)}.btn-secondary:hover{background:var(--accent-soft);filter:brightness(.95)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-quiet{background:transparent;color:var(--text-secondary)}.btn-quiet:hover{background:var(--accent-soft);color:var(--text)}.btn-centered{width:100%;max-width:var(--btn-max-width);margin-left:auto;margin-right:auto}.full-width{width:100%}@media (min-width: 480px){.btn-centered{max-width:300px}}@media (max-width: 360px){.btn{padding:10px 16px;font-size:14px;min-height:42px}}.btn-success{background:var(--success);color:#fff;box-shadow:0 2px 8px #22c55e33}.btn-success:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e40}.btn-success:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}:root[data-theme=dark] .btn-primary{box-shadow:0 2px 8px #6d8fff26}:root[data-theme=dark] .btn-primary:hover{box-shadow:0 4px 12px #6d8fff33}:root[data-theme=dark] .btn-success{background:var(--success);box-shadow:0 2px 8px #4ade8026}:root[data-theme=dark] .btn-success:hover{background:#22c55e;box-shadow:0 4px 12px #4ade8033}