.cpb-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f4f6;padding:20px}.cpb-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;padding:32px;max-width:520px;width:100%}.cpb-header{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.cpb-header__title{font-size:22px;font-weight:700;color:#111827;margin:0}.cpb-header__desc{font-size:14px;color:#6b7280;margin-top:6px}.cpb-loader{text-align:center;padding:40px 0;color:#6b7280;font-size:14px}.cpb-step__title{font-size:16px;font-weight:600;color:#111827;margin-bottom:16px}.cpb-step__sub{font-size:13px;color:#6b7280;margin-bottom:16px}.cpb-back{background:none;border:none;color:#3b82f6;font-size:13px;cursor:pointer;padding:0;margin-bottom:12px}.cpb-back:hover{text-decoration:underline}.cpb-dates{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.cpb-date-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .15s}.cpb-date-btn:hover,.cpb-date-btn--selected{border-color:#3b82f6;background:#eff6ff}.cpb-date-btn__day{font-size:14px;font-weight:500;color:#111827}.cpb-date-btn__slots{font-size:12px;color:#6b7280}.cpb-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:350px;overflow-y:auto}.cpb-slot-btn{padding:10px 8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;text-align:center;transition:all .15s}.cpb-slot-btn:hover{border-color:#3b82f6;color:#3b82f6}.cpb-slot-btn--selected{border-color:#3b82f6;background:#3b82f6;color:#fff}.cpb-form__field{margin-bottom:14px}.cpb-form__field label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:4px}.cpb-form__field input,.cpb-form__field textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;box-sizing:border-box}.cpb-form__field input:focus,.cpb-form__field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cpb-form__field textarea{resize:vertical}.cpb-submit{width:100%;padding:12px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px}.cpb-submit:hover{background:#2563eb}.cpb-submit:disabled{opacity:.5;cursor:default}.cpb-submit--danger{background:#dc2626}.cpb-submit--danger:hover{background:#b91c1c}.cpb-confirmed{text-align:center}.cpb-confirmed__icon{width:56px;height:56px;border-radius:50%;background:#d1fae5;color:#10b981;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.cpb-confirmed__details{background:#f9fafb;border-radius:8px;padding:16px;margin:16px 0;text-align:left;font-size:14px}.cpb-confirmed__details div{margin-bottom:6px}.cpb-confirmed__details a{color:#3b82f6}.cpb-confirmed__note{font-size:12px;color:#9ca3af;margin-top:12px}.cpb-empty{text-align:center;color:#9ca3af;padding:24px 0;font-size:14px}@media (max-width: 480px){.cpb-card{padding:20px}.cpb-slots{grid-template-columns:repeat(2,1fr)}}.cpb-progress{display:flex;align-items:center;justify-content:center;gap:0;margin-top:16px}.cpb-progress__step{display:flex;flex-direction:column;align-items:center;gap:4px}.cpb-progress__num{width:28px;height:28px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#9ca3af}.cpb-progress__label{font-size:11px;color:#9ca3af}.cpb-progress__step--active .cpb-progress__num{border-color:#3b82f6;background:#3b82f6;color:#fff}.cpb-progress__step--active .cpb-progress__label{color:#3b82f6;font-weight:600}.cpb-progress__step--done .cpb-progress__num{border-color:#10b981;background:#10b981;color:#fff}.cpb-progress__step--done .cpb-progress__label{color:#10b981}.cpb-progress__line{width:40px;height:2px;background:#e5e7eb;margin:0 8px 18px}.cpb-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:cpb-spin .6s linear infinite;display:inline-block;margin-right:8px}@keyframes cpb-spin{to{transform:rotate(360deg)}}.cpb-selected-summary{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:13px;color:#1e40af;margin-bottom:20px}.cpb-selected-summary__sep{color:#93c5fd;margin:0 2px}.cpb-required{color:#ef4444}.cpb-optional{color:#9ca3af;font-size:12px;font-weight:400}.cpb-form__field--error input,.cpb-form__field--error textarea{border-color:#ef4444!important}.cpb-form__error{font-size:12px;color:#ef4444;margin-top:3px;display:block}.cpb-cancel-header{text-align:center;margin-bottom:20px}.cpb-cancel-header svg{margin-bottom:8px}.cpb-current-booking{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:12px 16px;margin-bottom:20px}.cpb-current-booking__label{font-size:11px;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.5px}.cpb-current-booking__info{font-size:14px;color:#78350f;margin-top:4px}.cpb-current-booking__sep{margin:0 6px;color:#d97706}.cpb-confirmed__icon--cancel{background:#fee2e2!important;color:#dc2626!important}.cpb-confirmed__row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cpb-confirmed__row:last-child{margin-bottom:0}.cpb-confirmed__row a{color:#3b82f6;text-decoration:none}.cpb-confirmed__row a:hover{text-decoration:underline}