:root{--color-primary: #0284c7;--color-primary-hover: #0369a1;--color-secondary: #0ea5e9;--color-accent: #38bdf8;--color-bg-body: #f0f9ff;--color-bg-card: #ffffff;--color-text-main: #0f172a;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-input-bg: #f8fafc;--color-error: #ef4444;--color-success: #10b981;--font-main: "Inter", system-ui, -apple-system, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);font-family:var(--font-main);line-height:1.5;font-weight:400;color:var(--color-text-main);background-color:var(--color-bg-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit}h1,h2,h3{line-height:1.2;color:var(--color-text-main)}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.booking-card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:500px;max-width:90vw;overflow:hidden;animation:fadeIn .5s ease-out}.card-header{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary-hover) 100%);color:#fff;padding:var(--space-lg);text-align:center}.card-header h2{color:#fff;margin-bottom:var(--space-xs);font-weight:700}.card-header p{opacity:.9;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.card-body{padding:var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--space-xs);color:var(--color-text-muted)}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;background-color:var(--color-input-bg);transition:all .2s ease;color:var(--color-text-main)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #0ea5e91a;background-color:#fff}.btn-primary{width:100%;padding:.875rem;background-color:var(--color-secondary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:background-color .2s;text-align:center}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.btn-secondary{padding:.875rem;background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:all .2s;cursor:pointer}.btn-secondary:hover{background-color:var(--color-input-bg);color:var(--color-text-main)}.slots-view h3{text-align:center;color:var(--color-primary);margin-bottom:var(--space-xs)}.summary-text{text-align:center;color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--space-lg)}.slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.slot-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#fff;transition:all .2s}.slot-btn:hover{border-color:var(--color-secondary);background-color:var(--color-input-bg)}.slot-btn.active{background-color:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.slot-btn.active .slot-date,.slot-btn.active .slot-time{color:#fff}.slot-date{font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:2px}.slot-time{font-size:1.1rem;font-weight:600;color:var(--color-text-main)}.actions{display:flex;justify-content:center;width:100%;margin-top:var(--space-md)}.success-view{text-align:center;padding:var(--space-lg) 0}.check-icon{width:64px;height:64px;background-color:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto var(--space-md)}.success-view h3{color:var(--color-success);margin-bottom:var(--space-sm)}.success-view p{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.error-msg{color:var(--color-error);background-color:#fef2f2;padding:.75rem;border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:.9rem;border:1px solid #fecaca}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.btn-back{background:none;border:none;font-size:.9rem;color:var(--color-text-muted);cursor:pointer;padding:0;text-decoration:underline}.calendar-container{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.react-calendar{border:none!important;font-family:var(--font-main)!important;width:100%!important;background-color:#fff!important;box-shadow:var(--shadow-sm);border-radius:var(--radius-md);padding:var(--space-sm)}.react-calendar__navigation button{color:var(--color-secondary)!important;min-width:44px;background:none;font-size:1.1rem;font-weight:600;margin-top:8px}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:var(--color-bg-body)!important;border-radius:var(--radius-sm)}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;font-size:.75em;color:var(--color-text-muted)}.react-calendar__tile{padding:.75em .5em;background:none;text-align:center;line-height:16px;border-radius:var(--radius-sm);font-weight:500;font-size:.9rem}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:var(--color-bg-body);color:var(--color-secondary)}.react-calendar__tile--now{background:#fdf4ff!important;color:#c026d3}.react-calendar__tile--active{background:var(--color-secondary)!important;color:#fff!important}.slots-section{text-align:center;margin-bottom:var(--space-lg)}.slots-section h4{font-size:1rem;color:var(--color-text-main);margin-bottom:var(--space-sm);text-transform:capitalize}.loading-spinner{color:var(--color-secondary);font-style:italic;padding:var(--space-md)}.no-slots{color:var(--color-text-muted);font-style:italic;padding:var(--space-sm);background-color:#f8fafc;border-radius:var(--radius-md)}.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.slot-btn{padding:.6rem;font-size:.9rem}.slot-btn.active{background-color:var(--color-secondary)}.success-details{background-color:#f0fdf4;padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-text-main);margin-bottom:var(--space-md)!important;border:1px solid #dcfce7}