.bb-widget{--bb-primary:#1a1a2e;--bb-primary-h:color-mix(in srgb,var(--bb-primary) 80%,#fff);--bb-bg:#fff;--bb-surface:#fff;--bb-surface-2:#f9fafb;--bb-border:#e5e7eb;--bb-border-2:#d1d5db;--bb-text:#1a1a1a;--bb-text-2:#374151;--bb-muted:#6b7280;--bb-muted-2:#9ca3af;--bb-hover:#f3f4f6;--bb-radius:10px;--bb-shadow:0 2px 12px rgba(0,0,0,.08);color:var(--bb-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:560px}.bb-widget--dark{--bb-bg:#111827;--bb-surface:#1f2937;--bb-surface-2:#111827;--bb-border:#374151;--bb-border-2:#4b5563;--bb-text:#f9fafb;--bb-text-2:#e5e7eb;--bb-muted:#9ca3af;--bb-muted-2:#6b7280;--bb-hover:#374151;--bb-shadow:0 2px 12px rgba(0,0,0,.4)}.bb-steps{background:var(--bb-surface);border-radius:var(--bb-radius);box-shadow:var(--bb-shadow);display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.bb-step{align-items:center;display:flex;flex:1;flex-direction:column;gap:4px;position:relative}.bb-step:not(:last-child):after{background:var(--bb-border);content:"";height:2px;left:56%;position:absolute;top:14px;width:88%}.bb-step--done:after{background:var(--bb-primary)!important}.bb-step__dot{align-items:center;background:var(--bb-border);border-radius:50%;color:var(--bb-muted);display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px;z-index:1}.bb-step--active .bb-step__dot,.bb-step--done .bb-step__dot{background:var(--bb-primary);color:#fff}.bb-step__label{color:var(--bb-muted-2);font-size:11px;text-align:center}.bb-step--active .bb-step__label{color:var(--bb-primary);font-weight:600}.bb-step-content{animation:bbFadeIn .2s ease;background:var(--bb-surface);border-radius:var(--bb-radius);box-shadow:var(--bb-shadow);padding:24px}@keyframes bbFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bb-title{color:var(--bb-text);font-size:20px;font-weight:700;margin:0 0 4px}.bb-subtitle{color:var(--bb-muted);font-size:14px;margin:0 0 20px}.bb-back{background:none;border:none;color:var(--bb-muted);cursor:pointer;font-size:13px;margin-bottom:16px;padding:0}.bb-back:hover{color:var(--bb-primary)}.bb-loading{color:var(--bb-muted-2);font-size:14px;padding:20px 0;text-align:center}.bb-error{background:#fef2f2;border-radius:var(--bb-radius);color:#dc2626;font-size:14px;margin:8px 0 0;padding:10px 14px}.bb-services{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.bb-service-card{background:var(--bb-surface);border:2px solid var(--bb-border);border-radius:var(--bb-radius);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:left;transition:border-color .15s,box-shadow .15s}.bb-service-card--selected,.bb-service-card:hover{border-color:var(--bb-primary)}.bb-service-card--selected{background:color-mix(in srgb,var(--bb-primary) 10%,var(--bb-surface))}.bb-service-card__name{color:var(--bb-text);font-size:15px;font-weight:600}.bb-service-card__meta{color:var(--bb-muted);font-size:13px}.bb-service-card__price{color:var(--bb-primary);font-size:14px;font-weight:600}.bb-service-card__desc{color:var(--bb-muted-2);font-size:12px}.bb-locations{gap:10px;margin-bottom:16px}.bb-location-card,.bb-locations{display:flex;flex-direction:column}.bb-location-card{background:var(--bb-surface);border:2px solid var(--bb-border);border-radius:12px;cursor:pointer;gap:4px;padding:16px 20px;text-align:left;transition:border-color .15s,background .15s}.bb-location-card:hover{background:color-mix(in srgb,var(--bb-primary) 5%,var(--bb-surface));border-color:var(--bb-primary)}.bb-location-card__name{color:var(--bb-text);font-size:15px;font-weight:700}.bb-location-card__address,.bb-location-card__phone{color:var(--bb-muted);font-size:13px}.bb-barbers{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.bb-barber-card{align-items:center;background:var(--bb-surface);border:2px solid var(--bb-border);border-radius:var(--bb-radius);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px;text-align:center;transition:border-color .15s}.bb-barber-card--selected,.bb-barber-card:hover{border-color:var(--bb-primary)}.bb-barber-card--selected{background:color-mix(in srgb,var(--bb-primary) 10%,var(--bb-surface))}.bb-barber-card__photo{border-radius:50%;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.bb-barber-card__avatar{align-items:center;background:var(--bb-primary);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:64px;justify-content:center;width:64px}.bb-barber-card__name{color:var(--bb-text);font-size:14px;font-weight:600}.bb-barber-card__bio{color:var(--bb-muted);font-size:12px}.bb-calendar{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius);margin-bottom:20px;padding:16px}.bb-calendar__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.bb-calendar__month{color:var(--bb-text);font-size:15px;font-weight:600}.bb-calendar__nav{background:none;border:none;border-radius:6px;color:var(--bb-muted);cursor:pointer;font-size:20px;padding:4px 8px}.bb-calendar__nav:hover{background:var(--bb-hover)}.bb-calendar__grid{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.bb-calendar__day-name{color:var(--bb-muted-2);font-size:11px;font-weight:600;padding:4px 0;text-align:center}.bb-calendar__day{align-items:center;background:none;border:none;border-radius:6px;box-sizing:border-box;color:var(--bb-text);cursor:pointer;display:flex;font-size:13px;height:36px;justify-content:center;padding:0;transition:background .1s;width:100%}.bb-calendar__day:hover:not(:disabled){background:var(--bb-hover)}.bb-calendar__day--selected{background:var(--bb-primary)!important;color:#fff;font-weight:600}.bb-calendar__day--disabled{color:var(--bb-border-2);cursor:not-allowed}.bb-slots{margin-top:4px}.bb-slots__title{color:var(--bb-text-2);font-size:14px;font-weight:600;margin:0 0 12px}.bb-slots__grid{display:flex;flex-wrap:wrap;gap:8px}.bb-slot{background:var(--bb-surface);border:2px solid var(--bb-border);border-radius:8px;color:var(--bb-text);cursor:pointer;font-size:14px;padding:8px 16px;transition:border-color .1s,background .1s}.bb-slot--selected,.bb-slot:hover{border-color:var(--bb-primary)}.bb-slot--selected{background:var(--bb-primary);color:#fff}.bb-slots-empty{background:var(--bb-surface-2);border-radius:var(--bb-radius);color:var(--bb-muted-2);font-size:14px;margin-top:8px;padding:20px;text-align:center}.bb-form{gap:16px}.bb-form,.bb-form__label{display:flex;flex-direction:column}.bb-form__label{color:var(--bb-text-2);font-size:14px;font-weight:500;gap:6px}.bb-form__input,.bb-form__textarea{background:var(--bb-surface);border:1px solid var(--bb-border-2);border-radius:8px;box-sizing:border-box;color:var(--bb-text);font-size:15px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.bb-form__input:focus,.bb-form__textarea:focus{border-color:var(--bb-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--bb-primary) 15%,transparent)}.bb-summary{background:var(--bb-surface-2);border-radius:var(--bb-radius);margin:16px 0;padding:16px}.bb-summary__row{border-bottom:1px solid var(--bb-border);display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.bb-summary__row:last-child{border:none}.bb-summary__label{color:var(--bb-muted)}.bb-summary__value{color:var(--bb-text);font-weight:500;text-align:right}.bb-btn{border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:12px 24px;transition:opacity .15s,background .15s}.bb-btn:disabled{cursor:not-allowed;opacity:.6}.bb-btn--primary{background:var(--bb-primary);color:#fff}.bb-btn--primary:hover:not(:disabled){opacity:.9}.bb-btn--ghost{background:transparent;border-color:var(--bb-border-2);color:var(--bb-text-2)}.bb-btn--ghost:hover:not(:disabled){border-color:var(--bb-primary);color:var(--bb-primary)}.bb-btn--full{display:block;width:100%}.bb-install{padding:16px 0;text-align:center}.bb-install__icon{font-size:56px;margin-bottom:12px}.bb-install__title{color:var(--bb-primary);font-size:22px;font-weight:700;margin:0 0 8px}.bb-install__body{color:#4b5563;font-size:15px;line-height:1.6;margin:0 0 24px}.bb-install__steps{background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;gap:14px;margin-bottom:20px;padding:16px;text-align:left}.bb-install__step{align-items:flex-start;color:#374151;display:flex;font-size:14px;gap:12px;line-height:1.5}.bb-install__step-num{align-items:center;background:var(--bb-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-top:1px;width:24px}.bb-success{padding:16px 0;text-align:center}.bb-success__icon{font-size:56px;margin-bottom:12px}.bb-success__title{color:#16a34a;font-size:22px;font-weight:700;margin:0 0 8px}.bb-success__msg{color:var(--bb-muted);font-size:14px;margin:0 0 20px}.bb-cancel{padding:16px 0;text-align:center}.bb-cancel__icon{font-size:56px;margin-bottom:12px}.bb-cancel__title{color:var(--bb-text);font-size:22px;font-weight:700;margin:0 0 8px}.bb-cancel__msg{color:var(--bb-muted);font-size:14px;margin:0 0 20px}.bb-cancel--done .bb-cancel__title{color:#16a34a}@media (max-width:480px){.bb-barbers,.bb-services{grid-template-columns:1fr}.bb-step__label{display:none}.bb-widget{max-width:100%}.bb-step-content{padding:16px}.bb-steps{padding:12px}.bb-calendar{padding:10px}.bb-calendar__grid{gap:2px}.bb-calendar__day{align-items:center;aspect-ratio:auto;border-radius:4px;display:flex;font-size:11px;height:32px;justify-content:center;min-width:0;padding:0}.bb-calendar__day-name{font-size:9px;padding:2px 0}.bb-calendar__month{font-size:13px}.bb-calendar__nav{font-size:16px;padding:2px 6px}.bb-slot{font-size:13px;padding:6px 10px}.bb-form__input,.bb-form__textarea{font-size:16px}.bb-btn{font-size:14px;padding:12px 16px}}