:root{--bk-bg: #08090f;--bk-surface: #12131e;--bk-surface-hover: #1a1b2e;--bk-surface-active: #22233a;--bk-border: rgba(255, 255, 255, .06);--bk-border-light: rgba(255, 255, 255, .1);--bk-primary: var(--color-primary, #3b63cf);--bk-primary-hover: var(--color-primary-dark, #2748a8);--bk-primary-glow: rgba(var(--color-primary-rgb, 59, 99, 207), .18);--bk-primary-bg: rgba(var(--color-primary-rgb, 59, 99, 207), .08);--bk-accent: var(--color-accent, #14b8a6);--bk-success: #34d399;--bk-success-bg: rgba(52, 211, 153, .1);--bk-error: #f87171;--bk-error-bg: rgba(248, 113, 113, .1);--bk-warning: #fbbf24;--bk-text: #f0f0f5;--bk-text-secondary: #9ca3af;--bk-text-muted: #6b7280;--bk-radius: 16px;--bk-radius-sm: 12px;--bk-radius-xs: 8px;--bk-shadow: 0 4px 24px rgba(0, 0, 0, .3);--bk-shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--bk-transition: .25s cubic-bezier(.22, 1, .36, 1);--bk-font: var(--font-family, "Rubik", "Assistant", -apple-system, BlinkMacSystemFont, sans-serif)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--bk-font);background:var(--bk-bg);color:var(--bk-text);direction:rtl;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse at 50% 0%,rgba(var(--color-primary-rgb, 59, 99, 207),.06) 0%,transparent 60%)}.booking-container{max-width:640px;margin:0 auto;padding:0 20px 40px;min-height:100vh;display:flex;flex-direction:column}.booking-header{padding:40px 0 28px;text-align:center}.booking-header-inner{display:flex;flex-direction:column;align-items:center;gap:10px}.booking-brand{display:flex;align-items:center;gap:12px}.booking-brand-name{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--bk-primary),var(--bk-accent, #14b8a6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.booking-host-name{font-size:16px;color:var(--bk-text-secondary);font-weight:500;padding-right:12px;border-right:2px solid var(--bk-border-light)}.booking-subtitle{font-size:18px;color:var(--bk-text-secondary);font-weight:400;margin-top:4px}.booking-progress{display:flex;align-items:center;justify-content:center;gap:0;padding:20px 0 32px;direction:ltr}.progress-step{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:100px;transition:var(--bk-transition)}.progress-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:var(--bk-surface);border:2px solid var(--bk-border-light);color:var(--bk-text-muted);transition:var(--bk-transition)}.progress-label{font-size:13px;color:var(--bk-text-muted);font-weight:500;transition:var(--bk-transition)}.progress-step.active .progress-number{background:var(--bk-primary);border-color:var(--bk-primary);color:#fff;box-shadow:0 0 12px var(--bk-primary-glow)}.progress-step.active .progress-label{color:var(--bk-text)}.progress-step.completed .progress-number{background:var(--bk-success);border-color:var(--bk-success);color:#fff}.progress-step.completed .progress-number:after{content:"✓";font-size:14px}.progress-step.completed .progress-number{font-size:0}.progress-step.completed .progress-label{color:var(--bk-text-secondary)}.progress-connector{width:32px;height:2px;background:var(--bk-border-light);margin:0 4px}.booking-step{flex:1;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:22px;font-weight:700;margin-bottom:20px;text-align:center}.step-header-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.step-header-row .step-title{margin-bottom:0;flex:1;text-align:right}.booking-back-btn{background:var(--bk-surface);border:1px solid var(--bk-border-light);color:var(--bk-text-secondary);padding:8px 16px;border-radius:100px;font-size:14px;font-family:var(--bk-font);cursor:pointer;transition:var(--bk-transition);white-space:nowrap}.booking-back-btn:hover{background:var(--bk-surface-hover);color:var(--bk-text)}.booking-calendar{background:var(--bk-surface);border:1px solid var(--bk-border-light);border-radius:var(--bk-radius);padding:28px;box-shadow:var(--bk-shadow)}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cal-month-title{font-size:18px;font-weight:600}.cal-nav-btn{background:var(--bk-surface-hover);border:1px solid var(--bk-border-light);color:var(--bk-text);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:var(--bk-transition)}.cal-nav-btn:hover{background:var(--bk-surface-active);border-color:var(--bk-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-headers{margin-bottom:8px}.cal-header-cell{text-align:center;font-size:12px;font-weight:600;color:var(--bk-text-muted);padding:4px 0}.cal-day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--bk-radius-xs);position:relative;transition:var(--bk-transition)}.cal-day-number{font-size:14px;font-weight:500;z-index:1}.cal-day-blank{visibility:hidden}.cal-day-disabled{opacity:.3;cursor:default}.cal-day-disabled .cal-day-number{text-decoration:line-through}.cal-day-available{cursor:pointer;background:var(--bk-primary-bg);border:1px solid transparent}.cal-day-available:hover{background:var(--bk-primary-glow);border-color:var(--bk-primary);transform:scale(1.05)}.cal-day-selected{background:var(--bk-primary)!important;color:#fff!important;border-color:var(--bk-primary)!important;box-shadow:0 0 16px var(--bk-primary-glow)}.cal-day-selected .cal-day-number{color:#fff;font-weight:700}.cal-today{border:2px solid var(--bk-primary)!important}.cal-day-full{opacity:.4;cursor:default}.calendar-legend{display:flex;gap:16px;justify-content:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--bk-border)}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--bk-text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.available{background:var(--bk-primary)}.legend-dot.unavailable{background:var(--bk-text-muted);opacity:.3}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.time-slot{background:var(--bk-surface);border:1px solid var(--bk-border);border-radius:var(--bk-radius-sm);padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:var(--bk-transition);text-align:center}.time-slot-available{cursor:pointer;border-color:var(--bk-border-light)}.time-slot-available:hover{border-color:var(--bk-primary);background:var(--bk-primary-bg);transform:translateY(-2px);box-shadow:var(--bk-shadow)}.time-slot-selected{background:var(--bk-primary)!important;border-color:var(--bk-primary)!important;color:#fff!important;box-shadow:0 0 20px var(--bk-primary-glow);transform:translateY(-2px)}.time-slot-selected .slot-time,.time-slot-selected .slot-status-text{color:#fff!important}.time-slot-taken{opacity:.4;cursor:default}.slot-time{font-size:18px;font-weight:600;color:var(--bk-text);direction:ltr}.slot-status-text{font-size:12px;color:var(--bk-success);font-weight:500}.slot-taken-label{color:var(--bk-error)!important}.no-slots-message{text-align:center;padding:48px 24px;background:var(--bk-surface);border-radius:var(--bk-radius);border:1px solid var(--bk-border)}.no-slots-icon{font-size:40px;display:block;margin-bottom:12px}.no-slots-message p{font-size:16px;color:var(--bk-text-secondary);margin-bottom:4px}.calendar-loading,.time-slots-loading{text-align:center;padding:48px 24px;color:var(--bk-text-secondary);font-size:15px;animation:bk-pulse 1.5s ease-in-out infinite}@keyframes bk-pulse{0%,to{opacity:.5}50%{opacity:1}}.no-slots-hint{font-size:13px!important;color:var(--bk-text-muted)!important}.booking-form-wrapper{display:flex;flex-direction:column;gap:24px}.booking-summary-card{background:var(--bk-primary-bg);border:1px solid rgba(var(--color-primary-rgb, 59, 99, 207),.2);border-radius:var(--bk-radius-sm);padding:16px 20px;display:flex;gap:24px;justify-content:center}.summary-item{display:flex;align-items:center;gap:8px}.summary-icon{font-size:18px}.summary-text{font-size:15px;font-weight:600;color:var(--bk-primary-hover)}.meeting-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.meeting-type-card{background:var(--bk-surface);border:2px solid var(--bk-border);border-radius:var(--bk-radius-sm);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:var(--bk-transition);text-align:center}.meeting-type-card:hover{border-color:var(--bk-primary);background:var(--bk-primary-bg)}.meeting-type-card.selected{border-color:var(--bk-primary);background:var(--bk-primary-bg);box-shadow:0 0 16px var(--bk-primary-glow)}.type-icon{font-size:28px}.type-label{font-size:12px;font-weight:500;color:var(--bk-text-secondary);line-height:1.3}.meeting-type-card.selected .type-label{color:var(--bk-primary-hover);font-weight:600}.form-section{display:flex;flex-direction:column;gap:16px}.form-label{font-size:14px;font-weight:600;color:var(--bk-text-secondary);margin-bottom:-8px}.form-group{display:flex;flex-direction:column;gap:6px}.form-input,.form-textarea{background:var(--bk-surface);border:1px solid var(--bk-border-light);border-radius:var(--bk-radius-xs);padding:12px 16px;font-size:15px;font-family:var(--bk-font);color:var(--bk-text);transition:var(--bk-transition);width:100%}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--bk-primary);box-shadow:0 0 0 3px var(--bk-primary-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--bk-text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-error{background:var(--bk-error-bg);border:1px solid rgba(248,113,113,.3);border-radius:var(--bk-radius-xs);padding:12px 16px;color:var(--bk-error);font-size:14px;font-weight:500;text-align:center}.booking-submit-btn{width:100%;background:linear-gradient(135deg,var(--bk-primary),var(--bk-accent, #14b8a6));border:none;border-radius:var(--bk-radius-sm);padding:16px;font-size:17px;font-weight:700;font-family:var(--bk-font);color:#fff;cursor:pointer;transition:var(--bk-transition);margin-top:8px;position:relative;overflow:hidden}.booking-submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .5s ease}.booking-submit-btn:hover:not(:disabled):before{transform:translate(100%)}.booking-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px var(--bk-primary-glow)}.booking-submit-btn:disabled{opacity:.5;cursor:not-allowed}.confirmation-wrapper{text-align:center;padding:32px 0}.confirmation-icon{font-size:56px;margin-bottom:16px}.confirmation-title{font-size:24px;font-weight:700;margin-bottom:8px}.confirmation-subtitle{font-size:15px;color:var(--bk-text-secondary);margin-bottom:28px}.confirmation-details{background:var(--bk-surface);border:1px solid var(--bk-border);border-radius:var(--bk-radius);padding:24px;text-align:right;margin:0 auto 28px;max-width:420px}.conf-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.conf-detail-row:not(:last-child){border-bottom:1px solid var(--bk-border)}.conf-label{font-size:14px;color:var(--bk-text-muted);font-weight:500}.conf-value{font-size:14px;font-weight:600;color:var(--bk-text)}.conf-info{background:var(--bk-primary-bg);border-radius:var(--bk-radius-xs);padding:12px!important;margin-top:8px}.conf-info .conf-value{font-size:13px;font-weight:400;color:var(--bk-text-secondary)}.confirmation-actions{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:0 auto}.conf-btn{padding:12px 20px;border-radius:var(--bk-radius-sm);font-size:15px;font-weight:600;font-family:var(--bk-font);cursor:pointer;transition:var(--bk-transition);border:none}.conf-btn-ics{background:linear-gradient(135deg,var(--bk-primary),var(--bk-accent, #14b8a6));color:#fff}.conf-btn-ics:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--bk-primary-glow)}.conf-btn-cancel{background:transparent;border:1px solid var(--bk-border-light)!important;color:var(--bk-text-muted)}.conf-btn-cancel:hover{background:var(--bk-error-bg);border-color:var(--bk-error)!important;color:var(--bk-error)}.conf-btn-cancel-confirm{background:var(--bk-error-bg)!important;border-color:var(--bk-error)!important;color:var(--bk-error)!important;animation:pulse .5s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.conf-btn-new{background:var(--bk-surface);border:1px solid var(--bk-border-light)!important;color:var(--bk-text-secondary)}.conf-btn-new:hover{background:var(--bk-surface-hover);color:var(--bk-text)}.confirmation-error .confirmation-title{color:var(--bk-error)}.confirmation-error .confirmation-icon{opacity:.8}.booking-footer{text-align:center;padding:32px 0 16px;margin-top:auto}.booking-footer p{font-size:12px;color:var(--bk-text-muted)}@media(max-width:480px){.booking-container{padding:0 12px 32px}.booking-brand-name{font-size:22px}.booking-host-name{font-size:14px}.booking-subtitle{font-size:16px}.progress-label{display:none}.progress-connector{width:20px}.booking-calendar{padding:16px}.cal-day-number{font-size:12px}.time-slots-grid{grid-template-columns:repeat(2,1fr);gap:8px}.meeting-type-grid{grid-template-columns:1fr;gap:8px}.meeting-type-card{flex-direction:row;padding:12px 16px}.type-icon{font-size:22px}.booking-summary-card{flex-direction:column;gap:8px}.step-title{font-size:18px}}@media(max-width:360px){.time-slots-grid{grid-template-columns:1fr}}.cancel-container{max-width:480px;margin:60px auto;text-align:center;background:var(--bk-surface);border:1px solid var(--bk-border);border-radius:var(--bk-radius);padding:40px 30px;box-shadow:var(--bk-shadow)}.cancel-container h1{font-size:28px;margin-bottom:16px}.cancel-container p{color:var(--bk-text-secondary);margin-bottom:32px}.cancel-actions{display:flex;flex-direction:column;gap:12px}.btn-danger{background:var(--bk-error-bg);color:var(--bk-error);border:1px solid var(--bk-error);padding:14px;border-radius:var(--bk-radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:var(--bk-transition);font-family:var(--bk-font)}.btn-danger:hover{background:var(--bk-error);color:#fff}.btn-secondary{background:transparent;color:var(--bk-text-secondary);border:1px solid var(--bk-border-light);padding:14px;border-radius:var(--bk-radius-sm);font-size:16px;font-weight:500;cursor:pointer;transition:var(--bk-transition);font-family:var(--bk-font)}.btn-secondary:hover{border-color:var(--bk-text);color:var(--bk-text)}.cancel-error{text-align:center;padding:40px}.success h2{color:var(--bk-success);margin-bottom:8px}.error h2{color:var(--bk-error);margin-bottom:8px}