:root{--accent: #1a73c8;--accent-light: #e8f0fb;--btn-green: #2da44e;--btn-cancel: #e05252;--pay-blue: #528bff;--bg: #f4f6f9;--surface: #ffffff;--border: #dde1e8;--text-primary: #1a1f2e;--text-secondary: #5a6478;--text-muted: #8c94a6;--error: #c0392b;--success: #1e7e45;--radius: 6px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--shadow-modal: 0 8px 40px rgba(0, 0, 0, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100vh}button,input,select,textarea{font-family:inherit;font-size:inherit}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:32px 16px 48px;max-width:860px;margin:0 auto;width:100%}.main-content.centered{display:flex;align-items:center;justify-content:center}.top-bar{background-color:var(--accent);color:#fff;padding:0 24px;box-shadow:0 2px 6px #00000026}.top-bar-inner{max-width:860px;margin:0 auto;height:64px;display:flex;align-items:center}.top-bar-brand{display:flex;flex-direction:column;gap:1px}.top-bar-title{font-size:1.15rem;font-weight:700;letter-spacing:.3px;line-height:1.2}.top-bar-subtitle{font-size:.78rem;opacity:.85;font-weight:400;letter-spacing:.2px}.card{background:var(--surface);border-radius:10px;box-shadow:var(--shadow-card);padding:32px 36px 36px;border:1px solid var(--border)}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:28px;padding-bottom:14px;border-bottom:2px solid var(--accent-light)}.form-section{margin-bottom:28px}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:var(--accent);padding-bottom:8px;border-bottom:2px solid var(--accent-light);margin-bottom:18px}.grid-title-name{display:grid;grid-template-columns:160px 1fr 1fr;gap:16px;margin-bottom:16px}.grid-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.grid-one{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.form-field{display:flex;flex-direction:column;gap:5px}.form-label{font-size:.82rem;font-weight:500;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.required-asterisk{color:var(--error);font-weight:700}.field-error{font-size:.76rem;color:var(--error);line-height:1.3;margin-top:2px}.form-input{height:38px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease;outline:none;width:100%;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-input::placeholder{color:var(--text-muted);font-size:.85rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a73c81f}.form-input:disabled{background:var(--bg);cursor:not-allowed;opacity:.7}select.form-input,input[type=date].form-input{cursor:pointer}.input-with-prefix{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;height:38px}.input-with-prefix:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #1a73c81f}.input-prefix{padding:0 10px;background:var(--bg);border-right:1px solid var(--border);font-size:.85rem;color:var(--text-secondary);white-space:nowrap;height:100%;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.input-prefixed{border:none!important;box-shadow:none!important;border-radius:0!important;flex:1;height:100%}.input-prefixed:focus{border:none!important;box-shadow:none!important}.form-actions{display:flex;gap:12px;margin-top:12px}.btn{height:42px;padding:0 28px;border:none;border-radius:var(--radius);font-size:.92rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .15s ease,opacity .15s ease,transform .1s ease;white-space:nowrap;color:#fff}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-book{background-color:var(--btn-green)}.btn-book:hover:not(:disabled){background-color:#259543}.btn-cancel{background-color:var(--btn-cancel)}.btn-cancel:hover:not(:disabled){background-color:#c94444}.btn-full{width:100%;margin-top:8px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.spinner-white{border-color:#fff6;border-top-color:#fff}.spinner-lg{width:36px;height:36px;border-width:3px;border-color:#1a73c840;border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.api-error-banner{background:#fdf2f2;border:1px solid #f5c6cb;border-radius:var(--radius);padding:12px 16px;margin-bottom:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:var(--error);font-size:.88rem;font-weight:500}.api-error-close{background:none;border:none;color:var(--error);font-size:1.3rem;cursor:pointer;padding:0;line-height:1;flex-shrink:0;margin-top:-2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border-radius:10px;box-shadow:var(--shadow-modal);width:100%;max-width:440px;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:#2b2d42;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.modal-header-left{display:flex;align-items:center;gap:14px}.razorpay-logo{background:var(--pay-blue);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:4px;text-transform:lowercase;font-family:DM Sans,sans-serif}.modal-merchant{display:flex;flex-direction:column;gap:1px}.modal-merchant-name{color:#fff;font-size:.9rem;font-weight:600}.modal-amount{color:#ffffffbf;font-size:.82rem}.modal-close{background:none;border:none;color:#ffffffb3;font-size:1.6rem;cursor:pointer;line-height:1;padding:0 2px;transition:color .15s ease}.modal-close:hover{color:#fff}.modal-tabs{display:flex;border-bottom:1px solid var(--border);background:#f9fafb}.modal-tab{flex:1;padding:12px 8px;border:none;background:none;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.modal-tab:hover{color:var(--accent)}.modal-tab.active{color:var(--pay-blue);border-bottom-color:var(--pay-blue);font-weight:600}.modal-body{padding:20px 24px 16px}.modal-form{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.modal-row-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-error{background:#fdf2f2;border:1px solid #f5c6cb;border-radius:var(--radius);padding:9px 12px;color:var(--error);font-size:.82rem;margin-bottom:12px;font-weight:500}.btn-pay{width:100%;height:44px;background:var(--pay-blue);color:#fff;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .15s ease,transform .1s ease}.btn-pay:hover:not(:disabled){background:#3d7ae8}.btn-pay:active:not(:disabled){transform:scale(.98)}.btn-pay:disabled{opacity:.65;cursor:not-allowed}.modal-footer{padding:10px 24px 14px;border-top:1px solid var(--border);text-align:center}.modal-secure{font-size:.78rem;color:var(--text-muted)}.confirmation-card{max-width:520px;margin:0 auto;text-align:center}.success-icon-wrap{display:flex;justify-content:center;margin-bottom:20px}.success-icon{width:64px;height:64px}.success-icon svg{width:100%;height:100%}.confirmation-heading{font-size:1.5rem;font-weight:700;color:var(--success);margin-bottom:8px}.confirmation-subtext{color:var(--text-secondary);font-size:.95rem;margin-bottom:28px}.confirmation-details{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);padding:4px 0;margin-bottom:24px;text-align:left}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:16px;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:.84rem;color:var(--text-secondary);font-weight:500;flex-shrink:0}.detail-value{font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:right}.detail-mono{font-family:Courier New,Courier,monospace;font-size:.82rem;word-break:break-all}.badge-paid{display:inline-flex;align-items:center;padding:3px 12px;background:#e8f5ec;color:var(--success);font-size:.8rem;font-weight:700;border-radius:20px;letter-spacing:.3px;border:1px solid #b8dfc6}.loading-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-text{color:var(--text-secondary);font-size:.92rem}.error-card{max-width:400px;margin:0 auto;text-align:center}.error-message{color:var(--error);margin-bottom:20px;font-size:.95rem}.slot-availability-text{font-size:.82rem;font-weight:500;color:var(--accent);margin-top:6px}.slot-availability-text--low{color:#b07a00}.slot-availability-text--full{color:var(--error);font-weight:600}.date-picker-wrapper{width:32%}.dp-root{position:relative;width:100%}.dp-trigger{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;overflow:hidden;transition:border-color .15s;min-height:40px}.dp-trigger:hover,.dp-trigger--open{border-color:var(--accent)}.dp-display{flex:1;padding:.52rem .75rem;font-size:.93rem;color:var(--text-primary);line-height:1.5;-webkit-user-select:none;user-select:none}.dp-display--placeholder{color:var(--text-muted)}.dp-chevron{display:flex;align-items:center;padding:0 .65rem;border-left:1px solid var(--border);color:var(--text-muted);font-size:1rem;transition:color .15s,transform .2s;flex-shrink:0}.dp-chevron--open{color:var(--accent);transform:rotate(180deg)}.dp-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;z-index:300;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px #00000021;padding:12px;min-width:260px;width:100%}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dp-header-center{display:flex;align-items:center;gap:2px}.dp-nav-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--text-secondary);padding:2px 6px;border-radius:4px;transition:background .12s,color .12s}.dp-nav-btn:hover{background:var(--accent-light);color:var(--accent)}.dp-header-label{background:none;border:none;cursor:pointer;font-size:.91rem;font-weight:600;color:var(--text-primary);padding:3px 6px;border-radius:4px;transition:background .12s}.dp-header-label:hover{background:var(--accent-light)}.dp-day-headers{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.dp-day-header{text-align:center;font-size:.72rem;font-weight:600;color:var(--text-muted);padding:3px 0;text-transform:uppercase;letter-spacing:.3px}.dp-day-header--weekend{color:#d97878}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.dp-cell{background:none;border:none;border-radius:50%;width:34px;height:34px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:.84rem;cursor:pointer;color:var(--text-primary);transition:background .12s,color .12s}.dp-cell:hover:not(:disabled):not(.dp-cell--empty){background:var(--accent-light);color:var(--accent)}.dp-cell--empty{cursor:default;pointer-events:none}.dp-cell--today{font-weight:700;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.dp-cell--selected{background:var(--accent)!important;color:#fff!important;font-weight:600}.dp-cell--disabled{cursor:not-allowed!important;opacity:.3;color:var(--text-muted)}.dp-cell--weekend.dp-cell--disabled{opacity:.22}.dp-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.dp-month-cell{background:none;border:none;border-radius:var(--radius);padding:8px 4px;font-size:.87rem;cursor:pointer;color:var(--text-primary);text-align:center;transition:background .12s}.dp-month-cell:hover{background:var(--accent-light)}.dp-month-cell--active{background:var(--accent)!important;color:#fff!important;font-weight:600}.dp-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.dp-year-cell{background:none;border:none;border-radius:var(--radius);padding:7px 4px;font-size:.83rem;cursor:pointer;color:var(--text-primary);text-align:center;transition:background .12s}.dp-year-cell:hover{background:var(--accent-light)}.dp-year-cell--active{background:var(--accent)!important;color:#fff!important;font-weight:600}@media (max-width: 680px){.card{padding:24px 20px}.grid-title-name{grid-template-columns:1fr 1fr}.grid-title-name>:first-child{grid-column:1 / -1}.grid-three{grid-template-columns:1fr}.main-content{padding:20px 12px 40px}}@media (max-width: 420px){.grid-title-name{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}