:root{--sb-primary:#1f2937;--sb-on-primary:#fff;--sb-bg:#fff;--sb-text:#1f2937;--sb-radius:12px;--sb-font:system-ui, sans-serif;--sb-heading:var(--sb-font);--sb-muted:color-mix(in srgb, var(--sb-text) 60%, var(--sb-bg));--sb-border:color-mix(in srgb, var(--sb-text) 13%, var(--sb-bg));--sb-hover:color-mix(in srgb, var(--sb-text) 5%, var(--sb-bg));--sb-card:color-mix(in srgb, var(--sb-bg) 55%, #fff);--sb-soft:color-mix(in srgb, var(--sb-primary) 11%, var(--sb-bg));--sb-r-sm:calc(var(--sb-radius) * .65);--sb-danger:#dc2626}:root[data-dark="1"]{--sb-card:color-mix(in srgb, var(--sb-bg) 92%, #fff);--sb-hover:color-mix(in srgb, var(--sb-text) 8%, var(--sb-bg));--sb-soft:color-mix(in srgb, var(--sb-primary) 18%, var(--sb-bg));--sb-danger:#f87171}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--sb-bg);color:var(--sb-text);font-family:var(--sb-font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}:root:not(.sb-inline) body{min-height:100vh}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--sb-primary);outline-offset:2px}.sb-shell{max-width:680px;margin:0 auto;padding:0 0 12px}.sb-inline .sb-shell{max-width:none}.sb-body{padding:4px 20px 8px}.sb-header{align-items:center;gap:14px;padding:20px 20px 14px;display:flex}.sb-popup .sb-header{z-index:5;background:var(--sb-bg);border-bottom:1px solid var(--sb-border);padding:14px 16px;position:sticky;top:0}.sb-logo{border-radius:var(--sb-r-sm);background:var(--sb-primary);width:48px;height:48px;color:var(--sb-on-primary);font-family:var(--sb-heading);letter-spacing:.02em;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.sb-logo-img{object-fit:contain;border-radius:var(--sb-r-sm);flex:none;width:48px;height:48px}.sb-header-text{flex:1;min-width:0}.sb-header h1{font-family:var(--sb-heading);margin:0 0 3px;font-size:21px;font-weight:700;line-height:1.2}.sb-header-meta{color:var(--sb-muted);flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.sb-header-meta span,.sb-header-meta a{color:inherit;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.sb-close{background:var(--sb-hover);border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.sb-close.floating{z-index:9;position:fixed;top:10px;right:10px}.sb-welcome{color:var(--sb-muted);margin:0 0 14px}.sb-stepper{gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.sb-stepper li{flex:1;position:relative}.sb-stepper button{border:0;border-top:3px solid var(--sb-border);text-align:left;width:100%;color:var(--sb-muted);background:0 0;align-items:center;gap:8px;padding:8px 0 0;font-size:13px;font-weight:600;display:flex}.sb-stepper li.active button{border-color:var(--sb-primary);color:var(--sb-text)}.sb-stepper li.done button{border-color:color-mix(in srgb, var(--sb-primary) 55%, var(--sb-bg));color:var(--sb-text);cursor:pointer}.sb-step-dot{background:var(--sb-hover);width:20px;height:20px;color:var(--sb-muted);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.sb-stepper li.active .sb-step-dot,.sb-stepper li.done .sb-step-dot{background:var(--sb-primary);color:var(--sb-on-primary)}@media (width<=420px){.sb-stepper li:not(.active) .sb-step-label{display:none}}.sb-summary{background:var(--sb-soft);border-radius:var(--sb-radius);align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;display:flex}.sb-summary-text{flex:1;min-width:0}.sb-summary-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sb-summary-meta{color:var(--sb-muted);font-size:13px}.sb-btn{border-radius:var(--sb-r-sm);background:var(--sb-primary);color:var(--sb-on-primary);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-weight:600;transition:filter .15s,transform 50ms;display:inline-flex}.sb-btn:hover:not(:disabled){filter:brightness(1.08)}.sb-btn:active:not(:disabled){transform:translateY(1px)}.sb-btn:disabled{opacity:.45}.sb-btn-sm{padding:8px 14px;font-size:14px}.sb-btn-ghost{color:var(--sb-text);box-shadow:inset 0 0 0 1.5px var(--sb-border);background:0 0}.sb-btn-ghost:hover:not(:disabled){background:var(--sb-hover);filter:none}.sb-btn-danger{background:var(--sb-danger);color:#fff}.sb-icon-btn{background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.sb-icon-btn:hover:not(:disabled){background:var(--sb-hover)}.sb-icon-btn:disabled{opacity:.3}.sb-link{color:var(--sb-primary);background:0 0;border:0;padding:4px;font-size:14px;font-weight:600}:root[data-dark="1"] .sb-link{color:color-mix(in srgb, var(--sb-primary) 80%, #fff)}.sb-card{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:var(--sb-radius);box-shadow:var(--sb-shadow)}.sb-list{overflow:hidden}.sb-cat-title{font-family:var(--sb-heading);margin:18px 0 10px;font-size:17px;font-weight:700}.sb-chips{padding:2px 0 6px;scrollbar-width:none;gap:8px;margin:0 -20px;padding-inline:20px;display:flex;overflow-x:auto}.sb-chips::-webkit-scrollbar{display:none}.sb-chips button{border:1px solid var(--sb-border);background:var(--sb-card);border-radius:999px;flex:none;padding:7px 14px;font-size:14px;font-weight:500}.sb-chips button.on{background:var(--sb-text);color:var(--sb-bg);border-color:var(--sb-text)}.sb-svc{text-align:left;border:0;border-bottom:1px solid var(--sb-border);background:0 0;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;display:flex}.sb-svc:last-child{border-bottom:0}.sb-svc:hover:not(:disabled){background:var(--sb-hover)}.sb-svc.on{background:var(--sb-soft)}.sb-svc:disabled{opacity:.45}.sb-check{border-radius:calc(var(--sb-r-sm) * .6 + 2px);border:1.5px solid var(--sb-border);background:var(--sb-bg);flex:none;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.sb-svc.on .sb-check{background:var(--sb-primary);border-color:var(--sb-primary);color:var(--sb-on-primary)}.sb-svc-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sb-svc-name{font-weight:600}.sb-svc-desc{color:var(--sb-muted);font-size:13.5px}.sb-svc-meta{color:var(--sb-muted);align-items:center;gap:4px;font-size:13px;display:inline-flex}.sb-price{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.sb-svc{align-items:center}.sb-svc-go{width:28px;height:28px;color:var(--sb-muted);border-radius:50%;flex:none;place-items:center;margin-left:-4px;display:grid}.sb-svc:hover .sb-svc-go{color:var(--sb-text);background:var(--sb-hover)}.sb-svc.on .sb-svc-go{background:var(--sb-primary);color:var(--sb-on-primary)}.sb-footer{z-index:4;background:color-mix(in srgb, var(--sb-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--sb-border);justify-content:space-between;align-items:center;gap:12px;margin:18px -20px 0;padding:12px 20px;display:flex;position:sticky;bottom:0}.sb-inline .sb-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;margin:18px 0 0;padding:14px 0 0;position:static}.sb-footer-text{min-width:0;font-size:14px}.sb-staff-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.sb-staff{text-align:center;border:1.5px solid var(--sb-border);background:var(--sb-card);border-radius:var(--sb-radius);flex-direction:column;align-items:center;gap:4px;padding:18px 12px;display:flex}.sb-staff:hover{border-color:color-mix(in srgb, var(--sb-primary) 50%, var(--sb-border))}.sb-staff.on{border-color:var(--sb-primary);background:var(--sb-soft)}.sb-avatar{color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:6px;font-size:18px;font-weight:700;display:grid}.sb-avatar.any{background:var(--sb-hover);color:var(--sb-text)}.sb-avatar-img{object-fit:cover;background:var(--sb-hover);display:block}.sb-staff.on .sb-avatar-img{box-shadow:0 0 0 3px var(--sb-bg), 0 0 0 5px var(--sb-primary)}.sb-staff-name{font-weight:600}.sb-staff-title{color:var(--sb-muted);font-size:13px}.sb-cal{padding:12px}.sb-cal-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sb-cal-title{font-weight:700;font-family:var(--sb-heading);font-size:16px}.sb-month{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.sb-month.loading{opacity:.5}.sb-dow{text-align:center;color:var(--sb-muted);padding:4px 0;font-size:12px;font-weight:600}.sb-day{aspect-ratio:1;border-radius:var(--sb-r-sm);max-height:46px;color:color-mix(in srgb, var(--sb-text) 30%, var(--sb-bg));font-variant-numeric:tabular-nums;background:0 0;border:0;font-weight:500;position:relative}.sb-day.ok{color:var(--sb-text);background:var(--sb-soft);font-weight:700}.sb-day.ok:hover{box-shadow:inset 0 0 0 1.5px var(--sb-primary)}.sb-day.on{background:var(--sb-primary);color:var(--sb-on-primary)}.sb-day.today:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:5px;left:50%}.sb-cal-empty{text-align:center;color:var(--sb-muted);flex-direction:column;align-items:center;gap:4px;padding:10px 0 2px;font-size:14px;display:flex}.sb-cal-note{border-radius:var(--sb-r-sm);background:var(--sb-soft);color:var(--sb-text);text-align:center;margin-top:10px;padding:9px 12px;font-size:13px}.sb-slots{margin-top:4px}.sb-slot-group{margin-bottom:12px}.sb-slot-label{text-transform:uppercase;letter-spacing:.06em;color:var(--sb-muted);margin-bottom:8px;font-size:12.5px;font-weight:600}.sb-slot-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.sb-slot{border:1.5px solid var(--sb-border);background:var(--sb-card);border-radius:var(--sb-r-sm);font-variant-numeric:tabular-nums;padding:10px 0;font-weight:600}.sb-slot:hover{border-color:var(--sb-primary)}.sb-slot.on{background:var(--sb-primary);color:var(--sb-on-primary);border-color:var(--sb-primary)}.sb-when{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}.sb-when-date{font-weight:600}.sb-when-time{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.sb-fields{gap:12px;display:grid}.sb-field{gap:5px;display:grid}.sb-field>span{font-size:13.5px;font-weight:600}.sb-field em{color:var(--sb-muted);font-style:normal;font-weight:400}.sb-field input,.sb-field textarea{border:1.5px solid var(--sb-border);background:var(--sb-card);border-radius:var(--sb-r-sm);resize:vertical;width:100%;padding:11px 12px}.sb-field input:focus,.sb-field textarea:focus{border-color:var(--sb-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--sb-primary) 20%, transparent);outline:none}.sb-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.sb-alert{border-radius:var(--sb-r-sm);background:color-mix(in srgb, var(--sb-danger) 12%, var(--sb-bg));color:var(--sb-danger);align-items:flex-start;gap:8px;margin:12px 0;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.sb-alert svg{flex:none;margin-top:2px}.sb-done{text-align:center;padding-top:18px}.sb-done h2{font-family:var(--sb-heading);margin:12px 0 4px;font-size:24px}.sb-done-icon{background:var(--sb-primary);width:64px;height:64px;color:var(--sb-on-primary);border-radius:50%;place-items:center;margin:0 auto;animation:.35s cubic-bezier(.2,1.4,.4,1) sb-pop;display:grid}.sb-done-icon.pending{background:var(--sb-soft);color:var(--sb-text)}@keyframes sb-pop{0%{opacity:0;transform:scale(.5)}}.sb-booking{text-align:left;margin:18px 0;padding:6px 16px}.sb-booking-row{border-bottom:1px solid var(--sb-border);justify-content:space-between;gap:16px;padding:9px 0;font-size:14.5px;display:flex}.sb-booking-row:last-child{border-bottom:0}.sb-booking-row span{color:var(--sb-muted);flex:none}.sb-booking-row b{text-align:right;font-weight:600}.sb-done-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sb-manage{text-align:left;margin-top:20px}.sb-copy{gap:6px;margin-top:6px;display:flex}.sb-copy input{border:1px solid var(--sb-border);background:var(--sb-card);border-radius:var(--sb-r-sm);min-width:0;color:var(--sb-muted);flex:1;padding:8px 10px;font-size:13px}.sb-status{background:var(--sb-soft);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.sb-status.st-cancelled{background:color-mix(in srgb, var(--sb-danger) 14%, var(--sb-bg));color:var(--sb-danger)}.sb-pl-row{border-bottom:1px solid var(--sb-border);align-items:center;gap:14px;padding:14px 16px;display:flex}.sb-pl-row:last-child{border-bottom:0}.sb-pl-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sb-pl-cat:first-child .sb-cat-title{margin-top:6px}.sb-inline .sb-pl-cat .sb-cat-title{margin-top:12px}@media (width<=460px){.sb-pl-row{flex-wrap:wrap}.sb-pl-main{flex-basis:100%}.sb-pl-row .sb-price{margin-right:auto}}.sb-muted{color:var(--sb-muted)}.sb-small{font-size:13px}.sb-empty{text-align:center;color:var(--sb-muted);justify-items:center;gap:4px;padding:48px 20px;display:grid}.sb-loading{place-items:center;min-height:220px;display:grid}.sb-loading.small{min-height:80px}.sb-spinner{border:3px solid var(--sb-border);border-top-color:var(--sb-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite sb-spin}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-powered{text-align:center;color:var(--sb-muted);opacity:.8;padding:14px 0 4px;font-size:11.5px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
