.xzbb-shell{--xzbb-accent:#00e5ff;--xzbb-accent2:#8b5cf6;--xzbb-bg:#090b10;--xzbb-panel:#11151d;--xzbb-text:#f7f8fb;max-width:1180px;margin:28px auto 60px;padding:0 18px;color:var(--xzbb-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.xzbb-shell *{box-sizing:border-box}.xzbb-hero{position:relative;overflow:hidden;padding:56px 48px;border:1px solid #ffffff12;border-radius:28px;background:radial-gradient(circle at 82% 16%,color-mix(in srgb,var(--xzbb-accent2) 33%,transparent),transparent 34%),radial-gradient(circle at 18% 0,color-mix(in srgb,var(--xzbb-accent) 25%,transparent),transparent 31%),linear-gradient(135deg,#0d1118,#080a0f);box-shadow:0 24px 80px #0008}.xzbb-hero:after{content:"✂";position:absolute;right:5%;top:50%;transform:translateY(-50%) rotate(-12deg);font-size:120px;opacity:.07}.xzbb-hero h1{font-size:clamp(34px,5vw,66px);line-height:.98;margin:10px 0 14px;letter-spacing:-.045em;color:#fff}.xzbb-hero p{margin:0;max-width:680px;color:#aeb7c5;font-size:17px}.xzbb-kicker{font-size:11px;font-weight:900;letter-spacing:.22em;color:var(--xzbb-accent)}.xzbb-hero-small{padding:38px 42px}.xzbb-hero-small h1{font-size:clamp(32px,4vw,52px)}
.xzbb-wizard{margin-top:20px;background:linear-gradient(180deg,#0d1017,#090b10);border:1px solid #ffffff12;border-radius:26px;overflow:hidden;box-shadow:0 24px 80px #0007}.xzbb-steps{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 28px 12px;gap:12px}.xzbb-steps button{display:flex;align-items:center;gap:11px;border:0;background:none;color:#667085;text-align:left;padding:8px;font:inherit}.xzbb-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #ffffff1c}.xzbb-steps span{font-weight:800;font-size:13px}.xzbb-steps .is-active{color:#fff}.xzbb-steps .is-active b{background:var(--xzbb-accent);color:#041015;border-color:var(--xzbb-accent);box-shadow:0 0 25px color-mix(in srgb,var(--xzbb-accent) 35%,transparent)}.xzbb-steps .is-done{color:#aeb7c5}.xzbb-progress{height:2px;background:#ffffff0c}.xzbb-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--xzbb-accent),var(--xzbb-accent2));transition:.35s ease}.xzbb-step{display:none;padding:34px 34px 40px}.xzbb-step.is-active{display:block;animation:xzbbFade .28s ease}@keyframes xzbbFade{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}.xzbb-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.xzbb-section-head span,.xzbb-summary>span,.xzbb-loyalty-card>span,.xzbb-stat-card>span{font-size:10px;letter-spacing:.2em;color:var(--xzbb-accent);font-weight:900}.xzbb-section-head h2{font-size:28px;margin:5px 0 0;color:#fff}.xzbb-section-head p{color:#7f8998;max-width:430px;margin:0;font-size:13px}
.xzbb-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xzbb-service{position:relative;display:flex;align-items:center;gap:14px;min-height:82px;border:1px solid #ffffff12;border-radius:17px;background:#11151dcc;color:#fff;padding:10px;text-align:left;cursor:pointer;transition:.2s}.xzbb-service:hover,.xzbb-service.is-selected{border-color:color-mix(in srgb,var(--xzbb-accent) 70%,#fff0);background:#141a23;transform:translateY(-1px)}.xzbb-service.is-selected{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--xzbb-accent) 45%,transparent),0 10px 30px #0004}.xzbb-service-img{width:62px;height:62px;border-radius:12px;background:center/cover}.xzbb-service-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.xzbb-service-copy strong{font-size:15px}.xzbb-service-copy small{color:#778294}.xzbb-service em{margin-left:auto;font-style:normal;font-weight:900;color:var(--xzbb-accent);padding-right:10px}.xzbb-date-row{margin:26px 0 12px;max-width:300px}.xzbb-shell label{display:flex;flex-direction:column;gap:8px;color:#c9d0dc;font-size:12px;font-weight:800}.xzbb-shell input,.xzbb-shell textarea,.xzbb-shell select{width:100%;background:#080b10!important;color:#fff!important;border:1px solid #ffffff16!important;border-radius:12px!important;padding:13px 14px!important;outline:none!important;box-shadow:none!important}.xzbb-shell input:focus,.xzbb-shell textarea:focus{border-color:var(--xzbb-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--xzbb-accent) 12%,transparent)!important}.xzbb-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;min-height:74px}.xzbb-slot{background:#0b0f15;color:#fff;border:1px solid #ffffff13;border-radius:12px;padding:12px 8px;cursor:pointer;display:flex;flex-direction:column;gap:3px}.xzbb-slot small{color:#677386;font-size:9px}.xzbb-slot:hover,.xzbb-slot.is-selected{border-color:var(--xzbb-accent);background:color-mix(in srgb,var(--xzbb-accent) 9%,#0b0f15)}.xzbb-slot.is-selected b{color:var(--xzbb-accent)}.xzbb-placeholder,.xzbb-loader{grid-column:1/-1;display:grid;place-items:center;min-height:88px;border:1px dashed #ffffff16;border-radius:14px;color:#778294;background:#0b0e13}.xzbb-loader{animation:xzbbPulse 1s infinite alternate}@keyframes xzbbPulse{to{opacity:.45}}
.xzbb-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.xzbb-btn{border:0;border-radius:13px;background:linear-gradient(135deg,var(--xzbb-accent),#75f1ff);color:#031015;padding:13px 20px;font-weight:950;cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb,var(--xzbb-accent) 18%,transparent);transition:.2s}.xzbb-btn:hover{transform:translateY(-1px)}.xzbb-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.xzbb-btn-ghost{background:#141821;color:#bec7d3;box-shadow:none;border:1px solid #ffffff12}.xzbb-btn-primary{padding:15px 24px}.xzbb-barber-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xzbb-barber{display:flex;align-items:center;gap:14px;background:#10141b;border:1px solid #ffffff12;color:#fff;border-radius:18px;padding:14px;text-align:left;cursor:pointer;transition:.2s}.xzbb-barber:hover,.xzbb-barber.is-selected{border-color:var(--xzbb-accent);background:#131a22}.xzbb-barber img{width:68px;height:68px;border-radius:15px;object-fit:cover}.xzbb-barber>span{display:flex;flex-direction:column;gap:3px;min-width:0}.xzbb-barber strong{font-size:15px}.xzbb-barber small{color:#7f8998;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.xzbb-barber em{font-style:normal;color:#ffc857;font-size:11px}.xzbb-barber>i{margin-left:auto;font-style:normal;color:#6f7a89;font-size:11px;font-weight:900}.xzbb-barber.is-selected>i{color:var(--xzbb-accent)}
.xzbb-checkout-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:22px}.xzbb-form,.xzbb-summary{background:#0e1219;border:1px solid #ffffff10;border-radius:18px;padding:20px}.xzbb-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.xzbb-form>label{margin-top:14px}.xzbb-inline{display:flex}.xzbb-inline input{border-radius:12px 0 0 12px!important}.xzbb-inline button{border:0;border-radius:0 12px 12px 0;background:#202632;color:#fff;padding:0 14px;font-weight:800}.xzbb-payments{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.xzbb-payment{position:relative;display:block!important}.xzbb-payment input{position:absolute;opacity:0;pointer-events:none}.xzbb-payment span{display:flex;flex-direction:column;gap:4px;min-height:69px;padding:13px;border-radius:13px;border:1px solid #ffffff12;background:#0a0d12;cursor:pointer}.xzbb-payment b{color:#fff;font-size:12px}.xzbb-payment small{color:#768092;font-size:10px;font-weight:500}.xzbb-payment input:checked+span{border-color:var(--xzbb-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--xzbb-accent) 45%,transparent);background:color-mix(in srgb,var(--xzbb-accent) 6%,#0a0d12)}.xzbb-consent{flex-direction:row!important;align-items:flex-start;margin-top:16px!important;font-weight:500!important;color:#7f8998!important}.xzbb-consent input{width:auto!important;margin-top:2px}.xzbb-hidden{display:none!important}.xzbb-summary{height:max-content;position:sticky;top:24px}.xzbb-summary h3{font-size:24px;margin:5px 0 18px}.xzbb-summary-lines{}.xzbb-summary #xzbb-summary-lines>div,.xzbb-price-row{display:flex;justify-content:space-between;gap:20px;padding:8px 0;color:#7e8998;font-size:12px}.xzbb-summary #xzbb-summary-lines b,.xzbb-price-row b{color:#d7dde6;text-align:right}.xzbb-summary hr{border:0;border-top:1px solid #ffffff0d;margin:12px 0}.xzbb-discount b{color:#52e6a7}.xzbb-total{display:flex;justify-content:space-between;align-items:end;margin-top:14px}.xzbb-total span{color:#8490a0}.xzbb-total strong{font-size:24px;color:var(--xzbb-accent)}.xzbb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.xzbb-tags span{font-size:9px;background:#ffffff0d;border:1px solid #ffffff12;border-radius:999px;padding:5px 8px;color:#9da7b5}.xzbb-alert,.xzbb-success{margin:18px 0 0;padding:15px 17px;border:1px solid #ff59643b;border-radius:13px;background:#ff596412;color:#ff9da4}.xzbb-success{border-color:#37d89045;background:#37d89010;color:#dfffee;display:flex;flex-direction:column;gap:6px}.xzbb-success>b{color:#57efab}.xzbb-payment-box{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:12px;border-radius:10px;background:#05080c}.xzbb-payment-box code{overflow-wrap:anywhere;color:var(--xzbb-accent)}
.xzbb-account-grid,.xzbb-dashboard-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.xzbb-loyalty-card,.xzbb-stat-card,.xzbb-dashboard-stats>div{background:#10141b;border:1px solid #ffffff10;border-radius:18px;padding:20px}.xzbb-loyalty-card strong,.xzbb-stat-card strong,.xzbb-dashboard-stats strong{display:block;font-size:28px;margin:5px 0}.xzbb-loyalty-card p,.xzbb-stat-card p{color:#7e8998;margin:0}.xzbb-meter{height:6px;background:#ffffff0d;border-radius:99px;margin:14px 0 7px;overflow:hidden}.xzbb-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--xzbb-accent),var(--xzbb-accent2));border-radius:99px}.xzbb-table-wrap{overflow:auto;background:#0d1118;border:1px solid #ffffff10;border-radius:18px}.xzbb-table{width:100%;border-collapse:collapse;color:#d9e0e9}.xzbb-table th,.xzbb-table td{padding:14px 16px;border-bottom:1px solid #ffffff09;text-align:left;font-size:12px;white-space:nowrap}.xzbb-table th{font-size:9px;letter-spacing:.15em;color:#6e798a}.xzbb-table td small{display:block;color:#6e798a}.xzbb-status{display:inline-block;padding:5px 8px;border-radius:999px;background:#ffffff0d;color:#aeb7c5;font-size:9px;font-weight:900;text-transform:uppercase}.xzbb-status-confirmed,.xzbb-status-completed{background:#33d69f18;color:#67ecbd}.xzbb-status-pending_payment,.xzbb-status-pending{background:#ffbe3d18;color:#ffd27a}.xzbb-status-cancelled,.xzbb-status-no_show{background:#ff596418;color:#ff9198}.xzbb-mini-btn{border:1px solid #ffffff16;background:#151a22;color:#fff;border-radius:9px;padding:7px 9px;cursor:pointer}.xzbb-dashboard-stats{grid-template-columns:repeat(4,1fr)}.xzbb-dashboard-stats span{color:#7e8998;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.xzbb-day-list{background:#0d1118;border:1px solid #ffffff10;border-radius:20px;padding:22px}.xzbb-appointment{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;padding:16px;border-top:1px solid #ffffff0c}.xzbb-time strong{font-size:22px;color:var(--xzbb-accent)}.xzbb-time small{display:block;color:#6c7786}.xzbb-appt-main h3{margin:0 0 4px;font-size:16px}.xzbb-appt-main p{margin:0 0 7px;color:#7f8998;font-size:11px}.xzbb-appt-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.xzbb-appt-actions button{border:1px solid #ffffff12;background:#151a22;color:#aeb7c5;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}.xzbb-appt-actions .is-primary{background:var(--xzbb-accent);color:#051014;border-color:var(--xzbb-accent)}.xzbb-login-card{max-width:480px;margin:60px auto;padding:28px;border:1px solid #ffffff12;border-radius:20px;background:#10141b;color:#fff}.xzbb-login-card p{color:#8190a0}
@media(max-width:800px){.xzbb-hero{padding:38px 24px}.xzbb-step{padding:25px 18px 30px}.xzbb-section-head{display:block}.xzbb-section-head p{margin-top:8px}.xzbb-service-grid,.xzbb-barber-grid,.xzbb-checkout-grid,.xzbb-account-grid{grid-template-columns:1fr}.xzbb-slots{grid-template-columns:repeat(3,1fr)}.xzbb-steps span{display:none}.xzbb-steps{padding-inline:16px}.xzbb-field-grid,.xzbb-payments{grid-template-columns:1fr}.xzbb-summary{position:static}.xzbb-dashboard-stats{grid-template-columns:1fr 1fr}.xzbb-appointment{grid-template-columns:64px 1fr}.xzbb-appt-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:480px){.xzbb-service{min-height:72px}.xzbb-service-img{width:50px;height:50px}.xzbb-service em{font-size:11px}.xzbb-slots{grid-template-columns:repeat(2,1fr)}.xzbb-dashboard-stats{grid-template-columns:1fr}.xzbb-hero:after{display:none}}
.xzbb-calendar{margin:26px 0 18px;padding:16px;border-radius:17px;border:1px solid #ffffff10;background:#0b0f15}.xzbb-calendar-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;margin-bottom:12px}.xzbb-calendar-head strong{text-align:center;text-transform:capitalize;font-size:15px}.xzbb-calendar-head button{height:36px;border:1px solid #ffffff12;border-radius:10px;background:#121822;color:#fff;cursor:pointer}.xzbb-calendar-head button:disabled{opacity:.25;cursor:not-allowed}.xzbb-calendar-week,.xzbb-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.xzbb-calendar-week span{text-align:center;color:#596575;font-size:9px;font-weight:900;text-transform:uppercase;padding:5px}.xzbb-cal-empty{min-height:52px}.xzbb-cal-day{min-height:56px;border:1px solid #ffffff0d;border-radius:10px;background:#0f141c;color:#dfe5ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.xzbb-cal-day small{font-size:8px;color:#5e6978;text-transform:uppercase}.xzbb-cal-day:hover:not(:disabled),.xzbb-cal-day.is-selected{border-color:var(--xzbb-accent);background:color-mix(in srgb,var(--xzbb-accent) 10%,#0f141c)}.xzbb-cal-day.is-selected b{color:var(--xzbb-accent)}.xzbb-cal-day:disabled{opacity:.2;cursor:not-allowed}@media(max-width:480px){.xzbb-calendar{padding:10px}.xzbb-calendar-week,.xzbb-calendar-days{gap:3px}.xzbb-cal-day{min-height:48px;border-radius:8px}.xzbb-cal-empty{min-height:48px}}