:root{--color-bg:#f6f7f9;--color-surface:#fff;--color-border:#e2e5ea;--color-text:#1a1d23;--color-muted:#6b7280;--color-primary:#86cfac;--color-primary-hover:#72b092;--color-primary-text:#1a1d23;--color-danger:#d9483a;--color-danger-bg:#fdecea;--color-success:#1a7f42;--color-primary-tint:#e6f4ec;--color-input-bg:#fff;--color-overlay:#0f121973;--color-shadow:#00000014;--color-badge-confirmed-bg:#e6f4ea;--color-badge-warning-bg:#fff4e5;--color-badge-warning-text:#9a6700;--color-badge-neutral-bg:#eef1f5;--color-danger-bg-hover:#fbdbd7;--color-categorical-2:#eb6834;--color-categorical-3:#1baf7a;--color-categorical-4:#eda100;--color-categorical-5:#e87ba4;--color-categorical-6:#008300;--color-categorical-7:#4a3aa7;--color-categorical-8:#e34948;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:#14161a;--color-surface:#1c1f26;--color-border:#2e333d;--color-text:#e8eaed;--color-muted:#9aa1ad;--color-primary:#86cfac;--color-primary-hover:#72b092;--color-primary-text:#1a1d23;--color-danger:#f2695d;--color-danger-bg:#3a201d;--color-success:#3ecb76;--color-primary-tint:#17301f;--color-input-bg:#20242c;--color-overlay:#0009;--color-shadow:#00000059;--color-badge-confirmed-bg:#17301f;--color-badge-warning-bg:#3a2c10;--color-badge-warning-text:#e0b04a;--color-badge-neutral-bg:#262b34;--color-danger-bg-hover:#4a2622;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}h1{margin:0 0 16px;font-size:22px}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-header h1{margin-bottom:0}.icon-button-add{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:20px;line-height:1;display:flex}.new-appointment-panel{margin-bottom:20px}.customer-suggestions{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.customer-suggestions li+li{border-top:1px solid var(--color-border)}.customer-suggestions button,.customer-suggestions button:hover{width:100%;color:var(--color-text);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.customer-suggestions button:hover{background:var(--color-bg)}.customer-suggestion-name{font-weight:600}.booking-form input:disabled{background:var(--color-bg);color:var(--color-text);opacity:1;cursor:not-allowed}.linked-customer-note{margin:0}.new-appointment-for{margin:0 0 12px}.modal-overlay{background:var(--color-overlay);z-index:100;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-dialog{width:100%;max-width:560px}.modal-dialog-wide{max-width:1000px}.modal-dialog .new-appointment-panel{margin-bottom:0}.new-appointment-panel .booking-step{border:none;border-top:1px solid var(--color-border);margin-top:0;margin-bottom:16px;padding:16px 0 0}.new-appointment-panel .booking-step:first-child{border-top:none;padding-top:0}h2{margin:0 0 12px;font-size:16px}button{cursor:pointer;border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-text);border:none;padding:8px 14px;font-family:inherit;font-size:14px;transition:background .15s}button:hover{background:var(--color-primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-bg)}a.btn-ghost{cursor:pointer;border-radius:var(--radius);padding:8px 14px;font-family:inherit;font-size:14px;text-decoration:none;display:inline-block}.link-button{color:var(--color-primary);font-size:inherit;background:0 0;border:none;border-radius:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.link-button:hover{color:var(--color-primary-hover);background:0 0}.terms-text{white-space:pre-wrap;color:var(--color-text)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-bg-hover)}.btn-danger-sm{color:var(--color-danger);background:0 0;border:none;padding:2px 8px;font-size:16px;line-height:1}.btn-danger-sm:hover{background:var(--color-danger-bg)}.btn-success{background:var(--color-badge-confirmed-bg);color:var(--color-success)}.btn-success:hover{filter:brightness(.95)}.btn-neutral{background:var(--color-badge-neutral-bg);color:var(--color-muted)}.btn-neutral:hover{filter:brightness(.95)}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-input-bg);color:var(--color-text);padding:7px 10px;font-family:inherit;font-size:14px}textarea{resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px}label{color:var(--color-muted);flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.password-field{width:100%;position:relative}.password-field input{width:100%;padding-right:34px}.password-field-toggle{color:var(--color-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;display:flex;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.password-field-toggle:hover{background:var(--color-bg);color:var(--color-text)}.password-field-toggle svg{width:16px;height:16px}.muted{color:var(--color-muted)}.small{font-size:12px}.error{color:var(--color-danger);font-size:13px}.success{color:var(--color-success);font-size:13px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:24px;padding:12px 24px;display:flex}.brand{color:var(--color-text);align-items:center;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.app-brand{font-size:20px}.brand-logo{flex-shrink:0;width:36px;height:36px;margin-right:10px;display:block}.topbar nav{flex:1;gap:16px;display:flex}.topbar nav a{color:var(--color-muted);border-bottom:2px solid #0000;padding:6px 0;font-weight:500;text-decoration:none}.topbar nav a.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.topbar nav.app-nav{display:none}.topbar .profile-menu{margin-left:auto}.app-body{flex:1;display:flex}.app-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;width:230px}.app-sidebar-nav{flex-direction:column;gap:4px;padding:16px 12px;display:flex;position:sticky;top:0}.app-sidebar-nav a,.app-sidebar-copy,.app-sidebar-copy:hover{border-radius:var(--radius);color:var(--color-muted);text-align:left;background:0 0;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.app-sidebar-nav a:hover,.app-sidebar-copy:hover{background:var(--color-bg);color:var(--color-text)}.app-sidebar-nav a.active{background:var(--color-primary-tint);color:var(--color-text);font-weight:600}.app-sidebar-copy{margin-top:12px;position:relative}.app-sidebar-copy:before{content:"";border-top:1px solid var(--color-border);position:absolute;top:-8px;left:12px;right:12px}.app-sidebar-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.app-nav-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;display:none}@media (width<=1024px),(pointer:coarse){.topbar{justify-content:space-between;padding:10px 16px}.app-sidebar{display:none}.profile-menu .profile-menu-dropdown .profile-menu-mobile-only{display:flex}.profile-menu .profile-menu-dropdown{min-width:250px}.profile-menu .profile-menu-dropdown button{padding:15px 16px;font-size:15px}.profile-menu .profile-menu-dropdown button+button{border-top:1px solid var(--color-border)}.topbar nav.app-nav{z-index:50;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px);gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.topbar nav.app-nav a{-webkit-tap-highlight-color:transparent;border-top:3px solid #0000;border-bottom:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:4px 0;display:flex}.topbar nav.app-nav a.active{border-top-color:var(--color-primary)}.app-nav-icon{display:block}.app-nav-label{font-size:11px;line-height:1}.app-shell .content{padding-bottom:calc(24px + 56px + env(safe-area-inset-bottom,0px))}}@media (width<=767px){.app-shell .content{padding-top:16px;padding-left:12px;padding-right:12px}}.light-switch{background:0 0;align-items:center;gap:12px;padding:4px;display:inline-flex}.light-switch:hover{background:0 0}.light-switch-track{background:var(--color-border);border-radius:999px;flex-shrink:0;width:56px;height:30px;transition:background .2s;position:relative}.light-switch.on .light-switch-track{background:#f5b301}.light-switch-knob{background:var(--color-surface);width:24px;height:24px;box-shadow:0 1px 3px var(--color-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:transform .2s;display:flex;position:absolute;top:3px;left:3px}.light-switch.on .light-switch-knob{transform:translate(26px)}.light-switch-label{color:var(--color-text);min-width:28px;font-size:14px;font-weight:600}.appearance-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-menu{position:relative}.profile-menu-trigger{color:var(--color-text);border:1px solid var(--color-border);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:3px;display:flex}.profile-menu-trigger:hover{background:var(--color-bg)}.profile-menu-avatar{background:var(--color-primary);width:34px;height:34px;color:var(--color-primary-text);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.profile-menu-avatar-img{object-fit:cover;background:var(--color-surface)}.profile-menu-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:160px;box-shadow:0 4px 12px var(--color-shadow);z-index:60;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.profile-menu-dropdown button{color:var(--color-text);text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.profile-menu-dropdown button:hover{background:var(--color-bg)}.profile-menu-dropdown .profile-menu-mobile-only{display:none}.subtabs{border-bottom:1px solid var(--color-border);gap:20px;margin-bottom:20px;display:flex}.subtabs a{color:var(--color-muted);white-space:nowrap;border-bottom:2px solid #0000;padding:0 0 10px;font-size:14px;font-weight:500;text-decoration:none}@media (width<=767px){.subtabs{scrollbar-width:none;gap:14px;overflow-x:auto}.subtabs::-webkit-scrollbar{display:none}}.subtabs a.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.tabs{border-bottom:1px solid var(--color-border);gap:20px;margin-bottom:20px;display:flex}.tabs button{color:var(--color-muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:0 0 10px;font-size:14px;font-weight:500}.tabs button:hover{color:var(--color-text);background:0 0}.tabs button.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.view-range{border:1px solid var(--color-border);border-radius:var(--radius);width:fit-content;margin-bottom:16px;display:flex;overflow:hidden}.view-range button{background:var(--color-surface);color:var(--color-text);border:none;border-right:1px solid var(--color-border);border-radius:0;padding:6px 16px}.view-range button:last-child{border-right:none}.view-range button.active{background:var(--color-primary);color:var(--color-primary-text)}.period-nav{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.period-nav-label{min-width:160px;font-size:14px;font-weight:600}.period-nav-input{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);background:var(--color-surface);padding:6px 10px;font-family:inherit;font-size:13px}.stats-modal-actions{gap:8px;display:flex}@media print{body:has(.printable-stats) *{visibility:hidden}.printable-stats,.printable-stats *{visibility:visible}.printable-stats{box-shadow:none;border:none;border-radius:0;position:absolute;inset:0}.no-print{display:none!important}.printable-stats,.printable-stats *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.content{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:24px}.auth-screen{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{flex-direction:column;gap:12px;width:320px;display:flex}.auth-card h1{margin-bottom:0}.auth-card p{margin:0 0 4px}.form-row{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.form-actions{gap:8px;display:flex}.table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 14px}.table th{text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);background:var(--color-bg);font-size:12px}.table tr:last-child td{border-bottom:none}.th-sort-button{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;padding:0}.th-sort-button:hover{color:var(--color-text);background:0 0}.row-actions{justify-content:flex-end;gap:8px;display:flex}.row-menu-trigger{color:var(--color-text);border:1px solid var(--color-border);background:0 0;padding:4px 10px;font-size:16px;line-height:1.4}.row-menu-trigger:hover{background:var(--color-bg)}.row-menu-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:150px;box-shadow:0 4px 12px var(--color-shadow);z-index:200;flex-direction:column;display:flex;position:fixed;overflow:hidden}.row-menu-dropdown button{color:var(--color-text);text-align:left;background:0 0;border:none;border-radius:0;padding:10px 14px}.row-menu-dropdown button:hover{background:var(--color-bg)}.row-menu-dropdown button.danger{color:var(--color-danger)}.row-menu-dropdown button.danger:hover{background:var(--color-danger-bg)}.staff-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.staff-list li{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.staff-list li:last-child{border-bottom:none}.staff-list-item{color:var(--color-text);flex:1;align-items:center;gap:8px;display:inline-flex}.staff-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.staff-identity-row{align-items:flex-end;gap:16px;display:flex}.modal-card-with-close .staff-identity-row{padding-right:32px}.staff-name-field{flex:0 240px}.staff-identity-row-edit{justify-content:space-between;align-items:center}.staff-name-heading{align-items:center;gap:8px;margin:0;display:flex}.staff-name-inline-input{padding:4px 8px;font-size:16px;font-weight:700}.icon-edit-pen{color:var(--color-muted);background:0 0;border:none;padding:2px 6px;font-size:13px;line-height:1}.icon-edit-pen:hover{background:var(--color-bg);color:var(--color-text)}.staff-modal-tabs{margin-top:20px}.staff-modal-tabs .tabs{margin-bottom:16px}.checkbox-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.checkbox-row{color:var(--color-text);flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:400}.checkbox-row input{width:auto}.availability-editor .weekday-row{border-bottom:1px solid var(--color-border);grid-template-columns:100px 1fr;gap:12px;padding:10px 0;display:grid}.availability-editor .weekday-row:last-of-type{border-bottom:none}.weekday-label{padding-top:6px;font-weight:500}.weekday-slots{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.slot-range{align-items:center;gap:8px;display:flex}.day-off-list{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.day-off-list li{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.day-off-form{flex-direction:column;gap:12px;display:flex}.day-off-form-row{gap:16px;display:flex}.day-off-form-row label{flex:1}.badge{text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-confirmed{color:#1a1d23;border:1px solid var(--color-border);background:#fff}.badge-cancelled{background:var(--color-danger-bg);color:var(--color-danger)}.badge-no_show{background:var(--color-badge-neutral-bg);color:var(--color-muted)}.badge-completed{background:var(--color-badge-confirmed-bg);color:var(--color-success)}.customers-verified-badge{margin-left:8px}.customers-history-heading{margin-top:20px}.customers-history-list{border:1px solid var(--color-border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.customers-history-list li+li{border-top:1px solid var(--color-border)}.services-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin:0;padding:0;list-style:none}.services-list li{align-items:center;gap:10px;padding:12px 14px;display:flex}.services-list li+li{border-top:1px solid var(--color-border)}.services-list-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.services-list-name{overflow-wrap:anywhere;font-weight:500}.customers-history-row{width:100%;color:var(--color-text);text-align:left;background:0 0;border-radius:0;align-items:center;gap:10px;padding:10px 12px;display:flex}.customers-history-row:hover{background:var(--color-bg)}.customers-history-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.customers-history-date{font-weight:500}.customers-history-chevron{color:var(--color-muted);font-size:18px;line-height:1}.card h2.customers-detail-name{margin-bottom:16px;font-size:24px}.customers-completed-list{flex-direction:column;gap:4px;margin:2px 0 0;padding:0;list-style:none;display:flex}.customers-completed-list li{justify-content:space-between;gap:12px;max-width:320px;display:flex}.customers-completed-count{font-variant-numeric:tabular-nums;font-weight:600}.contact-search{width:100%;max-width:320px;margin-bottom:16px;display:block}.contact-list{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin:0;padding:0;list-style:none}.contact-list-item{border-bottom:1px solid var(--color-border)}.contact-list-item:last-child{border-bottom:none}.contact-list-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.contact-list-item:first-child .contact-list-row{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.contact-list-item:last-child .contact-list-row{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.contact-list-row:hover{background:var(--color-bg)}.contact-list-main{flex-direction:column;gap:2px;min-width:0;display:flex}.contact-list-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.contact-list-sub{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.contact-last-status{flex-shrink:0;display:inline-flex}.contact-last-status svg{width:14px;height:14px}.contact-last-status-completed{color:var(--color-success)}.contact-last-status-no_show{color:var(--color-danger)}.contact-list-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.icon-btn-disabled{opacity:.3}.contact-list-actions .icon-btn-sm,.contact-list-details .icon-btn-sm{background:var(--color-bg);width:40px;height:40px;color:var(--color-text)}.contact-list-actions .icon-btn-sm:hover,.contact-list-details .icon-btn-sm:hover{background:var(--color-border)}.contact-list-actions .icon-btn-sm svg,.contact-list-details .icon-btn-sm svg{width:20px;height:20px}.contact-list-details{gap:10px;padding:0 16px 12px;display:flex}.contact-list-details .contact-unverified-dot{top:4px;right:4px}.calendar-view{margin-top:8px}.cal-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.cal-nav{align-items:center;gap:6px;display:flex}.cal-nav button{padding:4px 10px;font-size:13px}.cal-nav-label{margin-left:6px;font-size:14px;font-weight:600}.cal-filter-trigger{justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;padding:0;display:inline-flex;position:relative}.cal-filter-trigger svg{width:17px;height:17px}.cal-filter-count{background:var(--color-primary);min-width:16px;height:16px;color:var(--color-primary-text);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:-4px;right:-4px}.cal-filter-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:200px;box-shadow:0 4px 12px var(--color-shadow);z-index:200;flex-direction:column;gap:12px;padding:14px;display:flex;position:fixed}.cal-filter-dropdown label{color:var(--color-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.cal-filter-staff{color:var(--color-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.cal-filter-dropdown .checkbox-row{color:var(--color-text);flex-direction:row}.cal-filter-clear{align-self:flex-start}.cal-grid-scroll{border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto}.cal-time-grid{min-width:100%;display:grid}.cal-corner{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);background:var(--color-surface)}.cal-col-header{text-align:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:8px 6px;font-size:12px;font-weight:600}.cal-time-label{color:var(--color-muted);text-align:right;border-right:1px solid var(--color-border);border-top:1px solid var(--color-border);padding-right:6px;font-size:11px}.cal-event{text-align:left;width:100%;height:100%;color:var(--color-text);border-style:none none none solid;border-width:medium medium medium 3px;border-top-color:currentColor;border-bottom-color:currentColor;border-right-color:currentColor;border-radius:4px;padding:2px 5px;font-size:11px;line-height:1.3;display:block;overflow:hidden}.cal-event-time{font-weight:600}.cal-event-title{white-space:normal;word-break:break-word;font-weight:500}.cal-event-sub{color:var(--color-muted);white-space:normal;word-break:break-word}.cal-legend{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.cal-legend-item{color:var(--color-muted);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.cal-legend-item:hover{background:var(--color-bg);color:var(--color-text)}.cal-legend-item.selected{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:600}.cal-legend.filtering .cal-legend-item:not(.selected){opacity:.5}.cal-legend.filtering .cal-legend-item:not(.selected):hover{opacity:1}.cal-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.cal-month{border:1px solid var(--color-border);border-radius:var(--radius);padding:12px}.cal-month-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.cal-month-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-month-cell{background:var(--color-surface);min-height:90px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);text-align:left;cursor:pointer;flex-direction:column;align-items:stretch;gap:3px;padding:4px;display:flex}.cal-month-cell:hover{border-color:var(--color-primary)}.cal-month-cell-blank{cursor:default;background:0 0;border:none}.cal-month-cell-num{font-size:12px;font-weight:600}.cal-month-cell-events{flex-direction:column;gap:2px;display:flex}.cal-month-chip{text-align:left;width:100%;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;border-style:none none none solid;border-width:medium medium medium 2px;border-top-color:currentColor;border-bottom-color:currentColor;border-right-color:currentColor;border-radius:3px;padding:1px 4px;font-size:10px;display:block;overflow:hidden}.cal-month-more{color:var(--color-muted);font-size:10px}.pcal-sticky{z-index:5;background:var(--color-bg);margin:0 -12px;padding:4px 12px 0;position:sticky;top:0}.pcal-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.pcal-toolbar-actions{align-items:center;gap:8px;display:flex}.pcal-today{padding:6px 12px}.pcal-back,.pcal-back:hover{color:var(--color-text);background:0 0;padding:6px 4px 6px 0;font-size:17px;font-weight:600}.pcal-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;overflow:hidden}.pcal-week-day,.pcal-month-day,.pcal-week-day:hover,.pcal-month-day:hover{color:var(--color-text);background:0 0}.pcal-week-day,.pcal-month-day{-webkit-tap-highlight-color:transparent;border-radius:0;flex-direction:column;align-items:center;gap:3px;padding:4px 0;display:flex}.pcal-weekday{color:var(--color-muted);text-transform:uppercase;font-size:11px;font-weight:600}.pcal-daynum{font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.is-today .pcal-daynum{color:var(--color-success);font-weight:700}.is-selected .pcal-daynum{background:var(--color-text);color:var(--color-surface);font-weight:600}.is-today.is-selected .pcal-daynum{background:var(--color-primary);color:var(--color-primary-text)}.pcal-dot{background:var(--color-muted);border-radius:50%;width:5px;height:5px}.pcal-dot.is-empty{visibility:hidden}.pcal-week{border-bottom:1px solid var(--color-border);touch-action:pan-y;grid-template-columns:repeat(7,1fr);padding-bottom:6px;display:grid}.pcal-date-label{text-align:center;margin:10px 0;font-size:15px;font-weight:600}.pcal-timeline{touch-action:pan-y;margin-top:12px;position:relative}.pcal-hour{border-top:1px solid var(--color-border);height:0;margin-left:48px;position:absolute;left:0;right:0}.pcal-hour-label{text-align:right;width:42px;color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:-8px;left:-48px}.pcal-events{position:absolute;inset:0 0 0 50px}.pcal-event{color:var(--color-text);text-align:left;border-left:3px solid;border-radius:6px;flex-direction:column;align-items:flex-start;gap:1px;padding:2px 6px;font-size:13px;line-height:1.25;display:flex;position:absolute;overflow:hidden}.pcal-event-title,.pcal-event-sub{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.pcal-event-title{font-weight:600}.pcal-event-sub{color:var(--color-muted);font-size:12px}.pcal-now{border-top:2px solid var(--color-danger);pointer-events:none;z-index:1;height:0;position:absolute;left:48px;right:0}.pcal-now:before{content:"";background:var(--color-danger);border-radius:50%;width:8px;height:8px;position:absolute;top:-5px;left:-4px}.pcal-now-label{text-align:right;width:40px;color:var(--color-danger);background:var(--color-bg);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;position:absolute;top:-9px;left:-48px}.pcal-month-weekdays{border-bottom:1px solid var(--color-border);text-align:center;color:var(--color-muted);grid-template-columns:repeat(7,1fr);padding-bottom:6px;font-size:11px;font-weight:600;display:grid}.pcal-month-grid{grid-template-columns:repeat(7,1fr);display:grid}.pcal-month-day{border-top:1px solid var(--color-border);padding:6px 0 8px}.pcal-month-section{content-visibility:auto;contain-intrinsic-size:auto 340px;padding-bottom:12px}.pcal-month-heading{margin:14px 0 6px;font-size:18px}.pcal-month-heading.is-current{color:var(--color-success)}@media (width<=767px){.cal-legend{justify-content:space-evenly}.calendar-add-button{right:16px;bottom:calc(56px + 16px + env(safe-area-inset-bottom,0px));z-index:55;width:52px;height:52px;box-shadow:0 4px 12px var(--color-shadow);font-size:28px;position:fixed}.calendar-page{padding-bottom:72px}}.booking-page{background:var(--color-bg);justify-content:center;min-height:100vh;padding:32px 16px;display:flex}.booking-container{width:100%;max-width:560px}.booking-container h1{margin-bottom:2px}.booking-header{align-items:center;gap:12px;display:flex}.booking-header-logo{border-radius:var(--radius);object-fit:cover;flex-shrink:0;width:44px;height:44px}.powered-by-footer{text-align:center;color:var(--color-muted);margin-top:24px;font-size:12px}.powered-by-link{color:var(--color-primary);vertical-align:middle;align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.powered-by-link:hover{text-decoration:underline}.powered-by-footer img{width:20px;height:20px}.booking-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:16px;padding:16px}.booking-step h2{margin-bottom:12px;font-size:14px}.booking-step input[type=date]{margin-bottom:12px}.step-nav{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.week-picker{margin-bottom:12px}.week-picker-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.week-picker-nav button{padding:4px 10px;font-size:12px}.week-picker-days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-picker-day{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.week-picker-day:hover:not(:disabled){border-color:var(--color-primary)}.week-picker-day.selected{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.week-picker-day:disabled{opacity:.4;cursor:not-allowed}.week-picker-day-label{text-transform:uppercase;opacity:.75;font-size:11px}.week-picker-day-num{font-size:15px;font-weight:600}.month-picker{margin-bottom:12px}.month-picker-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.month-picker-nav button{padding:4px 10px;font-size:12px}.month-picker-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.month-picker-days{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.month-picker-day,.month-picker-day-blank{aspect-ratio:1;max-height:34px}.month-picker-day{color:var(--color-text);border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:400;display:flex}.month-picker-day:hover:not(:disabled){background:var(--color-bg)}.month-picker-day.has-availability{font-weight:700}.month-picker-day:not(.has-availability):not(:disabled){color:var(--color-muted)}.month-picker-day.selected{background:var(--color-primary);color:var(--color-primary-text)}.month-picker-day:disabled{opacity:.4;cursor:not-allowed}.option-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.option-card{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);text-align:left;cursor:pointer;flex-direction:column;gap:4px;padding:12px;display:flex;position:relative}.option-card:hover{border-color:var(--color-primary);background:var(--color-surface)}.option-card.selected{border-color:var(--color-primary);background:var(--color-primary-tint)}.option-card-info{background:var(--color-muted);width:18px;height:18px;color:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic;line-height:1;display:flex;position:absolute;top:8px;right:8px}.option-card-info:hover{background:var(--color-primary)}.option-title{padding-right:18px;font-weight:600}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.slot-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;padding:8px}.slot-button-staff{opacity:.75;margin-top:2px;font-size:11px}.slot-button:hover{border-color:var(--color-primary)}.slot-button.selected{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.booking-form{flex-direction:column;gap:12px;display:flex}.booking-form button{align-self:flex-start}.email-verify-status{flex-direction:column;gap:6px;margin-top:-6px;display:flex}.booking-name-row{flex-wrap:wrap;gap:12px;display:flex}.booking-name-row label{flex:140px}.booking-phone-row{align-items:center;gap:8px;display:flex}.booking-phone-prefix{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-muted);flex-shrink:0;padding:7px 10px;font-weight:600}.booking-phone-row input{flex:1;min-width:0}.spinner-row{align-items:center;gap:8px;display:flex}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.success-screen{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.success-screen>button{margin-top:12px}.calendar-buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.booking-page.bk{background:radial-gradient(120% 60% at 50% 0%, var(--color-primary-tint) 0%, transparent 70%), var(--color-bg);padding:28px 16px 40px}.bk .booking-container{max-width:600px}.bk-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.bk-loading{flex-direction:column;align-items:center;gap:12px;padding-top:30vh;display:flex}.bk-center{text-align:center}.bk-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:22px;display:flex}.bk-hero-logo{object-fit:contain;background:var(--color-surface);border:1px solid var(--color-border);width:96px;height:96px;box-shadow:0 8px 24px var(--color-shadow);border-radius:24px;margin-bottom:6px;padding:8px}.bk-hero-initial{color:var(--color-primary-text);background:var(--color-primary);border-color:var(--color-primary);justify-content:center;align-items:center;font-size:40px;font-weight:700;display:flex}.bk .bk-hero-name{letter-spacing:-.01em;margin:0;font-size:28px;line-height:1.15}.bk-hero-tagline{color:var(--color-muted);margin:0;font-size:15px}.bk-hero-contact{flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:4px;font-size:14px;display:flex}.bk-hero-contact a{color:var(--color-text);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.bk-hero-contact a:hover{text-decoration:underline}.bk-stepper{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px;scroll-margin-top:12px;display:grid}.bk-stepper-item{color:var(--color-muted);border-radius:var(--radius);background:0 0;flex-direction:column;align-items:center;gap:5px;padding:4px 0;font-size:12px;font-weight:500;display:flex;position:relative}.bk-stepper-item:hover:not(:disabled){color:var(--color-text);background:0 0}.bk-stepper-item:disabled{opacity:1;cursor:default}.bk-stepper-item+.bk-stepper-item:before{content:"";background:var(--color-border);width:calc(100% - 32px);height:2px;position:absolute;top:17px;right:calc(50% + 18px)}.bk-stepper-item.done+.bk-stepper-item:before{background:var(--color-primary)}.bk-stepper-dot{border:2px solid var(--color-border);background:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.bk-stepper-item.current{color:var(--color-text);font-weight:600}.bk-stepper-item.current .bk-stepper-dot{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-text);box-shadow:0 0 0 4px var(--color-primary-tint)}.bk-stepper-item.done .bk-stepper-dot{border-color:var(--color-primary);color:var(--color-primary-text);background:var(--color-primary)}.bk-stepper-item.done .bk-stepper-dot .bk-icon{stroke-width:3px;width:14px;height:14px}.bk-stepper-label{text-align:center;line-height:1.2}.bk-summary{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.bk-summary-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.bk-error{margin:0 0 12px}.bk-panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 6px 24px var(--color-shadow);border-radius:16px;padding:20px}.bk-title{margin:0 0 16px;font-size:19px}.bk-back{color:var(--color-muted);background:0 0;margin:0 0 10px;padding:0;font-size:13px}.bk-back:hover{color:var(--color-text);background:0 0}.bk-list{flex-direction:column;gap:10px;display:flex}.bk-service{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.bk-service:hover,.bk-service:focus-visible{border-color:var(--color-primary);box-shadow:0 4px 14px var(--color-shadow);outline:none;transform:translateY(-1px)}.bk-service.selected{border-color:var(--color-primary);background:var(--color-primary-tint)}.bk-service-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bk-service-name{font-size:16px;font-weight:600}.bk-service-desc{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.bk-service-meta{color:var(--color-muted);align-items:center;gap:5px;font-size:13px;display:inline-flex}.bk-service-meta .bk-icon{width:14px;height:14px}.bk-more{color:var(--color-primary-hover);background:0 0;padding:0 0 0 6px;font-size:13px;font-weight:600}.bk-more:hover{background:0 0;text-decoration:underline}.bk-service-price{white-space:nowrap;font-size:16px;font-weight:700}.bk-chevron{color:var(--color-muted);font-size:22px;line-height:1}.bk-staff-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.bk-staff{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.bk-staff:hover{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 4px 14px var(--color-shadow);transform:translateY(-1px)}.bk-staff-any,.bk-staff-any:hover{background:var(--color-primary-tint);border-color:var(--color-primary)}.bk-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:flex}.bk-avatar-any{background:var(--color-primary);color:var(--color-primary-text)}.bk-avatar-any .bk-icon{width:24px;height:24px}.bk-staff-name{font-weight:600}.bk .month-picker{margin-bottom:16px}.bk .month-picker-nav{margin-bottom:8px}.month-picker-arrow{border-radius:50%;width:36px;height:36px;padding:0;font-size:20px;line-height:1}.month-picker-label{text-transform:capitalize;font-weight:600}.bk .month-picker-day,.bk .month-picker-day-blank{max-height:44px}.bk .month-picker-day{border-radius:50%;font-size:14px}.bk .month-picker-day.has-availability:not(.selected){background:var(--color-primary-tint)}.month-picker-day:disabled:hover{background:0 0}.bk .month-picker-day.selected{font-weight:700}.bk-day-label{border-top:1px solid var(--color-border);margin:0 0 10px;padding-top:14px;font-weight:600}.bk-no-slots{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.bk-no-slots p{margin:0}.bk-slot-group+.bk-slot-group{margin-top:14px}.bk-slot-group-title{color:var(--color-muted);margin:0 0 8px;font-size:12px;font-weight:600}.bk-slot-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.bk-slot{border:1px solid var(--color-primary);background:var(--color-surface);color:var(--color-text);font-variant-numeric:tabular-nums;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:10px 6px;font-size:15px;font-weight:600;transition:background .12s;display:flex}.bk-slot:hover{background:var(--color-primary);color:var(--color-primary-text)}.bk .booking-form{gap:14px}.bk-notice{border-radius:var(--radius);background:var(--color-primary-tint);margin:0;padding:10px 12px;font-size:13px}.bk .booking-form button.bk-confirm{border-radius:12px;align-self:stretch;margin-top:4px;padding:14px;font-size:16px;font-weight:700}.bk-success{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.bk-success h1{margin:4px 0 0;font-size:24px}.bk-success>p{max-width:420px;margin:0}.bk-success-check{background:var(--color-success);width:72px;height:72px;color:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;animation:.4s ease-out both bk-pop;display:flex}.bk-success-check .bk-icon{stroke-width:3px;width:38px;height:38px}@keyframes bk-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.bk-success-check{animation:none}.bk-service,.bk-staff{transition:none}}.bk-success-details{border:1px solid var(--color-border);text-align:left;border-radius:12px;width:100%;margin:12px 0 4px;padding:4px 16px}.bk-success-details div{justify-content:space-between;gap:16px;padding:10px 0;display:flex}.bk-success-details div+div{border-top:1px solid var(--color-border)}.bk-success-details dt{color:var(--color-muted);flex-shrink:0;font-size:13px}.bk-success-details dd{text-align:right;margin:0;font-weight:500}.bk-success>.bk-success-cal-label{color:var(--color-muted);margin-top:8px;font-size:13px}.bk-link-button{color:var(--color-primary-hover);background:0 0;margin-top:8px;font-weight:600}.bk-link-button:hover{background:0 0;text-decoration:underline}@media (width<=480px){.bk .bk-hero-name{font-size:24px}.bk-panel{padding:16px}.bk-stepper-label{font-size:11px}}.profile-form-card{max-width:480px}.profile-header{align-items:center;gap:16px;display:flex}.profile-header-logo{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;padding:6px;display:flex;overflow:hidden}.profile-header-logo:hover{background:var(--color-surface);opacity:.85}.profile-header-logo img{object-fit:contain;width:100%;height:100%}.profile-header-initial{color:var(--color-text);font-size:36px;font-weight:600}.profile-header-text{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.card h2.profile-header-name{overflow-wrap:anywhere;margin:0;font-size:22px}.profile-logo-button{margin-top:8px;padding:4px 10px;font-size:13px}.profile-logo-hint{margin:8px 0 0}.profile-section{border-top:1px solid var(--color-border);flex-direction:column;gap:4px;margin-top:20px;padding-top:20px;display:flex}.profile-section-title{margin:0 0 4px;font-size:15px}.profile-logo-row{align-items:center;gap:16px;display:flex}.profile-logo-preview{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.profile-logo-preview img{object-fit:cover;width:100%;height:100%}.profile-logo-preview-large{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);width:96px;height:96px;margin-bottom:20px;overflow:hidden}.profile-logo-preview-large img{object-fit:cover;width:100%;height:100%}.profile-readonly-field{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.modal-card-with-close{position:relative}.setup-guide-tip{border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--color-primary-tint);border-left-width:4px;flex-direction:column;gap:4px;margin-bottom:20px;padding:14px 16px;font-size:14px;display:flex}.setup-guide-tip-step{color:var(--color-muted);font-size:12px;font-weight:600}.setup-guide-steps{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.setup-guide-steps li{align-items:flex-start;gap:12px;display:flex}.setup-guide-steps li>span:last-child{flex-direction:column;gap:2px;display:flex}.setup-guide-steps li.done strong{color:var(--color-muted);text-decoration:line-through}.setup-guide-mark{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:flex}.setup-guide-steps li.done .setup-guide-mark{border-color:var(--color-success);background:var(--color-success);color:var(--color-surface)}.setup-guide-link{margin-bottom:8px}.modal-card-with-close h2{padding-right:32px}.modal-close-x{color:var(--color-muted);background:0 0;border:none;padding:2px 8px;font-size:20px;line-height:1;position:absolute;top:10px;right:10px}.modal-close-x:hover{background:var(--color-bg);color:var(--color-text)}.notes-field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.notes-field textarea{resize:vertical}.icon-btn-sm{width:22px;height:22px;color:var(--color-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.icon-btn-sm svg{width:14px;height:14px}.icon-btn-sm:hover{background:var(--color-bg);color:var(--color-text)}.appointment-phone-reveal{display:inline-flex;position:relative}.appointment-phone-popup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px var(--color-shadow);color:var(--color-primary);white-space:nowrap;z-index:210;margin-top:4px;padding:4px 10px;font-size:13px;font-weight:600;text-decoration:none;position:absolute;top:100%;left:0}.appointment-phone-popup:hover{text-decoration:underline}.appointment-details .small,.appointment-details .badge,.appointment-details .notes-field,.appointment-details .appointment-phone-popup{font-size:14px}.appointment-details .badge{align-self:flex-start}.appointment-customer-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.appointment-customer-info{overflow-wrap:anywhere;min-width:0}.appointment-customer-actions{flex-shrink:0;gap:10px;display:flex}.appointment-customer-actions .icon-btn-sm{background:var(--color-bg);width:40px;height:40px;color:var(--color-text)}.appointment-customer-actions .icon-btn-sm:hover{background:var(--color-border)}.appointment-customer-actions .icon-btn-sm svg{width:20px;height:20px}.appointment-customer-actions .appointment-phone-popup{left:auto;right:0}.contact-unverified-dot{background:var(--color-danger);border-radius:50%;width:6px;height:6px;position:absolute;top:1px;right:1px}.contact-reveal{display:inline-flex;position:relative}.contact-popup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px var(--color-shadow);white-space:nowrap;z-index:210;align-items:center;gap:4px;margin-top:4px;padding:4px 6px 4px 10px;display:inline-flex;position:absolute;top:100%;left:0}.contact-popup a{color:var(--color-primary);font-size:13px;font-weight:600;text-decoration:none}.contact-popup a:hover{text-decoration:underline}.profile-link-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-link-row a{color:var(--color-primary);word-break:break-all}.profile-link-row button{flex-shrink:0;padding:4px 10px;font-size:12px}.profile-fields{flex-direction:column;gap:14px;display:flex}.price-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.price-row input[type=number]{width:90px}.min-notice-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;margin-bottom:4px;display:flex}.min-notice-row input[type=number]{width:70px}.toggle-button{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.toggle-button:hover{background:var(--color-bg)}.toggle-button.active{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.language-options{flex-wrap:wrap;gap:8px;display:flex}.admin-edit-panel{max-width:480px;margin-top:16px}.table-scroll{border-radius:var(--radius);overflow-x:auto}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.stat-tile-label{color:var(--color-muted);font-size:12px}.stat-tile-value{color:var(--color-text);font-size:24px;font-weight:600}.stats-chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.stats-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.legend{flex-wrap:wrap;gap:14px;display:flex}.legend-item{color:var(--color-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.legend-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}.stats-chart-svg{width:100%;height:auto;display:block}.chart-axis-text{fill:var(--color-muted);font-size:10px}.chart-tooltip{color:var(--color-text);margin-top:8px;font-size:13px}.stats-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.ranked-bar-list{flex-direction:column;gap:10px;display:flex}.ranked-bar-row{grid-template-columns:100px 1fr auto;align-items:center;gap:10px;display:grid}.ranked-bar-label{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pie-layout{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.pie-svg{flex-shrink:0;width:200px;height:200px}.pie-slice{cursor:pointer}.pie-slice-label{fill:var(--color-text);pointer-events:none;font-size:11px;font-weight:600}.pie-slice-label-on-dark{fill:#fff}.pie-legend{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:160px}.pie-legend .legend-item{color:var(--color-text);font-size:13px}.ranked-bar-track{background:var(--color-bg);border-radius:999px;height:16px;overflow:hidden}.ranked-bar-fill{background:var(--color-primary);border-radius:999px;height:100%}.compare-bar-track{background:var(--color-bg);border-radius:999px;gap:2px;height:16px;display:flex;overflow:hidden}.compare-bar-segment{height:100%}.compare-bar-segment.a{background:var(--color-primary)}.compare-bar-segment.b{background:var(--color-categorical-2)}.compare-bar-legend{justify-content:space-between;margin-top:10px;font-size:13px;display:flex}.compare-bar-legend .legend-item{color:var(--color-text)}.ranked-bar-value{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}
