:root{color:#13233f;font-synthesis:none;background:#eaf3f6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.app-shell,.booking-shell{background:#f7fbff;width:min(100%,460px);min-height:100vh;margin:auto;padding-bottom:92px;position:relative;box-shadow:0 0 50px #113f5f16}.pro-header{justify-content:space-between;align-items:center;height:76px;padding:20px 22px;display:flex}.logo{color:#078b8e;letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.logo span{color:#fff;background:linear-gradient(145deg,#23c7b2,#07828a);border-radius:9px 9px 9px 3px;place-items:center;width:27px;height:27px;font-family:Georgia,serif;font-size:16px;display:grid}.avatar{color:#fff;background:linear-gradient(145deg,#17b8a6,#087f86);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 18px #0a9a9835}.app-shell>main,.booking-shell>main{padding:18px 22px}.eyebrow{color:#078b8e;text-transform:uppercase;letter-spacing:1px;margin:4px 0 8px;font-size:12px;font-weight:800}h1,h2{color:#13233f;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500}h1{font-size:30px}h2{font-size:24px}.lead{color:#637a8e;margin:6px 0 20px;font-size:14px}.stats{grid-template-columns:1fr 1fr;gap:11px;margin:22px 0;display:grid}.stats article{background:linear-gradient(145deg,#dff8f4,#eaf3ff);border-radius:22px;padding:17px}.stats strong,.stats span{display:block}.stats strong{font-size:22px}.stats span{color:#60758a;margin-top:4px;font-size:12px}.section-head{justify-content:space-between;align-items:center;margin:26px 0 10px;display:flex}.section-head h2{font-size:19px}.section-head button{color:#078b8e;background:0 0;border:0;font-weight:700}.booking-list article{background:#fff;border:1px solid #dceaf0;border-radius:18px;align-items:center;gap:12px;margin-bottom:9px;padding:14px;display:flex}.booking-list time{color:#078b8e;width:48px;font-weight:800}.booking-list article div{flex:1}.booking-list strong,.booking-list small,.service-list strong,.service-list small,.client-list strong,.client-list small{display:block}.booking-list small,.service-list small,.client-list small{color:#667e91;margin-top:4px}.confirmed{color:#078b8e;background:#dff8f4;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.confirmed svg{width:14px}.empty{text-align:center;color:#667e91;padding:30px}.fab{color:#fff;background:linear-gradient(145deg,#ff806d,#f15361);border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:fixed;bottom:86px;left:calc(50% + min(230px,50vw) - 78px);box-shadow:0 12px 28px #f1536150}nav{background:#fff;border-top:1px solid #dce9ef;width:min(100%,460px);height:76px;padding:8px 8px 12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:#718698;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}nav svg{width:20px}nav button.active{color:#078b8e}.date-strip{gap:8px;margin:22px 0;display:flex}.date-strip button{color:#13233f;background:#e7f2f6;border:0;border-radius:15px;flex:1;padding:11px 4px;font-weight:700}.date-strip small{color:inherit;margin-top:4px;display:block}.date-strip button.active{color:#fff;background:linear-gradient(145deg,#1bc0ad,#07838a);box-shadow:0 6px 16px #078b8e38}.client-list article,.service-list article{border-bottom:1px solid #dce9ef;align-items:center;gap:12px;padding:14px 0;display:flex}.client-list article>span{color:#078b8e;background:#dff8f4;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.client-list article div,.service-list article div{flex:1}.service-list b{color:#078b8e}.salon-hero{background:linear-gradient(145deg,#dff8f4,#eaf3ff);border-radius:0 0 30px 30px;padding:22px}.salon-info{align-items:center;gap:14px;margin-top:24px;display:flex}.salon-avatar{color:#fff;background:linear-gradient(145deg,#ff9b82,#f15361);border-radius:20px;place-items:center;width:62px;height:62px;font-family:Georgia,serif;font-size:28px;display:grid}.salon-info h1{font-size:26px}.salon-info p{color:#60758a;margin:4px 0;font-size:12px}.salon-info>div span{color:#f15361;font-size:12px}.salon-info small{color:#60758a}.stepper{gap:5px;padding:18px 22px 0;display:flex}.stepper span{background:#dce8ed;border-radius:4px;flex:1;height:4px}.stepper span.active{background:#16b89f}.select-list button{text-align:left;color:#13233f;background:#fff;border:1px solid #dceaf0;border-radius:18px;justify-content:space-between;align-items:center;width:100%;margin-bottom:9px;padding:15px;display:flex}.select-list button.selected,.people button.selected{background:#e3faf7;border-color:#13aa9e}.select-list strong,.select-list small{display:block}.select-list small{color:#61778a;margin-top:4px}.select-list b{color:#078b8e}.people{grid-template-columns:1fr 1fr;gap:11px;display:grid}.people button{color:#13233f;background:#fff;border:1px solid #dceaf0;border-radius:19px;padding:16px}.people span{color:#fff;background:linear-gradient(145deg,#20c1b0,#07838a);border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 9px;font-weight:800;display:grid}.people button:nth-child(2) span{background:linear-gradient(145deg,#ff9a7e,#f15361)}.people strong,.people small{display:block}.people small{color:#61778a;margin-top:3px}.time-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.time-grid button{color:#13233f;background:#fff;border:1px solid #dceaf0;border-radius:13px;padding:12px}.time-grid button.active{color:#fff;background:#f16362;border-color:#f16362}.booking-shell label{margin:14px 0 5px;font-size:12px;font-weight:800;display:block}.booking-shell input{color:#13233f;background:#fff;border:1px solid #cadde6;border-radius:14px;width:100%;padding:14px;font-size:16px}.booking-summary{background:linear-gradient(145deg,#dff8f4,#edf4ff);border-radius:18px;margin-top:18px;padding:16px}.booking-summary strong,.booking-summary span{display:block}.booking-summary span{color:#567084;margin-top:6px;line-height:1.5}.flow-actions{gap:9px;margin-top:20px;display:flex}.flow-actions button{border-radius:14px;padding:14px;font-weight:800}.back{color:#13233f;background:0 0;border:1px solid #cadde6;align-items:center;gap:3px;display:flex}.back svg{width:17px}.next{color:#fff;background:linear-gradient(145deg,#ff806d,#f15361);border:0;flex:1;box-shadow:0 9px 20px #f1536138}.next:disabled{opacity:.45}.success{text-align:center;padding-top:20px}.success>span{color:#fff;background:#16b89f;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 18px;display:grid;box-shadow:0 12px 26px #16b89f42}.success>span svg{width:34px;height:34px}.success p{color:#61778a}.success .booking-summary{text-align:left}.success a{color:#fff;background:linear-gradient(145deg,#ff806d,#f15361);border-radius:14px;margin-top:18px;padding:14px;font-weight:800;text-decoration:none;display:block}@media (max-width:480px){.app-shell,.booking-shell{box-shadow:none}.fab{left:auto;right:20px}}.month-head{text-transform:capitalize;justify-content:space-between;align-items:center;margin:24px 0 14px;display:flex}.month-head strong{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500}.month-head button{color:#078b8e;cursor:pointer;background:#e7f2f6;border:0;border-radius:14px;width:42px;height:42px;font-size:28px;line-height:1}.weekdays,.month-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.weekdays{margin-bottom:6px}.weekdays span{text-align:center;color:#72889a;font-size:11px;font-weight:800}.month-grid>span,.month-grid button{aspect-ratio:1;color:#13233f;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:relative}.month-grid button:hover{background:#e7f2f6}.month-grid button.selected{color:#fff;background:linear-gradient(145deg,#1bc0ad,#07838a);box-shadow:0 6px 14px #078b8e30}.month-grid button i{color:#fff;background:#f16362;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:2px;right:2px}.month-grid button.selected i{color:#f15361;background:#fff}.selected-day{margin-top:26px}.selected-day>h2{text-transform:capitalize;color:#60758a;margin-bottom:11px;font-family:inherit;font-size:14px;font-weight:800}@media (max-width:360px){.weekdays,.month-grid{gap:2px}.month-grid>span,.month-grid button{border-radius:10px}}.client-month{margin-top:18px}.client-month button:disabled{opacity:.35;cursor:not-allowed}.client-grid{margin-bottom:15px}.client-grid button:disabled{color:#afbec8;cursor:not-allowed;text-decoration:line-through}.client-grid button:disabled:hover{background:0 0}.chosen-date{color:#078b8e;text-transform:capitalize;margin:4px 0 12px;font-size:13px;font-weight:800}.service-config{gap:12px;display:grid}.service-config article{background:#fff;border:1px solid #dceaf0;border-radius:20px;padding:16px}.service-config-head{justify-content:space-between;align-items:center;display:flex}.service-config-head strong,.service-config-head small{display:block}.service-config-head small{color:#61778a;margin-top:4px}.service-config-head svg{color:#078b8e;width:20px}.provided-by{color:#72889a;text-transform:uppercase;letter-spacing:.8px;margin:15px 0 7px;font-size:11px;font-weight:800;display:block}.provider-toggles{gap:8px;display:flex}.provider-toggles button{color:#60758a;cursor:pointer;background:#f7fbff;border:1px solid #d4e3ea;border-radius:13px;align-items:center;gap:6px;padding:9px 11px;display:flex}.provider-toggles button>span{border:1px solid #b9ccd5;border-radius:6px;place-items:center;width:18px;height:18px;display:grid}.provider-toggles button svg{width:13px;height:13px}.provider-toggles button.enabled{color:#087f86;background:#e3faf7;border-color:#12a99e;font-weight:800}.provider-toggles button.enabled>span{color:#fff;background:#12a99e;border-color:#12a99e}@media (max-width:360px){.provider-toggles{flex-direction:column}}.catalog-group{margin-top:25px}.catalog-group>h2{color:#078b8e;margin-bottom:10px;font-family:inherit;font-size:15px;font-weight:800}.self-toggle{color:#60758a;cursor:pointer;background:#f7fbff;border:1px solid #d4e3ea;border-radius:13px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.self-toggle>span{border:1px solid #b9ccd5;border-radius:6px;place-items:center;width:18px;height:18px;display:grid}.self-toggle svg{width:13px;height:13px}.self-toggle.enabled{color:#087f86;background:#e3faf7;border-color:#12a99e;font-weight:800}.self-toggle.enabled>span{color:#fff;background:#12a99e;border-color:#12a99e}.client-category h3{color:#078b8e;text-transform:uppercase;letter-spacing:.8px;margin:18px 0 8px;font-size:12px}.client-category:first-child h3{margin-top:0}@media (max-width:380px){.service-config-head{align-items:flex-start;gap:10px}.self-toggle{max-width:115px}}.price-editor{color:#60758a;border-top:1px solid #e1ebef;justify-content:space-between;align-items:center;margin-top:13px;padding-top:12px;font-size:12px;font-weight:800;display:flex}.price-editor>span:last-child{color:#13233f;align-items:center;gap:6px;display:flex}.price-editor input{color:#13233f;text-align:right;background:#f7fbff;border:1px solid #cadde6;border-radius:11px;width:82px;padding:9px 8px;font-size:16px}.logo{text-transform:none;letter-spacing:0;align-items:center;gap:9px;display:flex}.logo .logo-mark{color:#fff;background:linear-gradient(145deg,#22c7b1 0%,#07858b 66%,#08717d 100%);border-radius:12px 12px 12px 4px;place-items:center;width:34px;height:34px;display:grid;position:relative;box-shadow:0 7px 16px #078b8e38}.logo .logo-mark svg{stroke-width:1.8px;width:18px;height:18px;transform:rotate(-13deg)}.logo .logo-mark i{color:#f16362;text-shadow:0 2px 5px #f1636240;background:0 0;width:auto;height:auto;font-size:15px;font-style:normal;position:absolute;top:-7px;right:-4px}.logo b,.salon-hero .logo b{color:#13233f;letter-spacing:-.5px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500}.logo b em{color:#078b8e;font-style:normal}.auth-shell{background:linear-gradient(145deg,#dff8f4,#eaf3ff);flex-direction:column;align-items:center;min-height:100vh;padding:42px 20px;display:flex}.auth-shell>.logo{margin-bottom:30px}.auth-card{background:#fff;border-radius:28px;width:min(100%,420px);padding:26px;box-shadow:0 20px 55px #113f5f18}.auth-card label{color:#415d72;margin:14px 0 6px;font-size:12px;font-weight:800;display:block}.auth-card input{color:#13233f;background:#f7fbff;border:1px solid #cadde6;border-radius:14px;width:100%;padding:14px;font-size:16px}.auth-submit{color:#fff;background:linear-gradient(145deg,#ff806d,#f15361);border:0;border-radius:14px;width:100%;margin-top:18px;padding:14px;font-weight:800;box-shadow:0 9px 20px #f1536138}.auth-submit:disabled{opacity:.55}.auth-switch{color:#078b8e;background:0 0;border:0;width:100%;margin-top:15px;font-weight:800}.auth-message{color:#a53b45;background:#fff0ed;border-radius:12px;padding:10px 12px;font-size:13px}.auth-loading{color:#60758a;background:#f7fbff;place-content:center;justify-items:center;gap:14px;min-height:100vh;display:grid}.avatar{cursor:pointer;border:0}.forgot-link{color:#f15361;cursor:pointer;background:0 0;border:0;width:100%;margin-top:13px;font-weight:800}.auth-card .security-code{text-align:center;letter-spacing:9px;font-size:24px;font-weight:800}.workweek{gap:10px;display:grid}.workweek article{background:#fff;border:1px solid #dceaf0;border-radius:18px;padding:14px}.workday-toggle{color:#13233f;align-items:center;gap:10px;font-weight:800;display:flex}.workday-toggle input{accent-color:#0ca196;width:20px;height:20px}.workday-times{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.workday-times label{color:#60758a;font-size:11px;font-weight:800}.workday-times input,.time-off-add input{color:#13233f;background:#f7fbff;border:1px solid #cadde6;border-radius:11px;width:100%;margin-top:5px;padding:10px}.time-off-card{background:linear-gradient(145deg,#fff1ed,#f4f1ff);border-radius:21px;margin-top:24px;padding:17px}.time-off-card h2{font-size:20px}.time-off-card>p{color:#61778a;font-size:13px}.time-off-add{align-items:end;gap:8px;display:flex}.time-off-add input{margin:0}.time-off-add button{color:#fff;background:#f16362;border:0;border-radius:11px;padding:11px 13px;font-weight:800}.time-off-add button:disabled{opacity:.45}.time-off-list{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.time-off-list>span{color:#40586b;background:#fff;border-radius:12px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.time-off-list button{color:#f15361;background:0 0;border:0;font-size:19px;line-height:1}.time-off-list small{color:#718698}.time-grid button:disabled{opacity:.45;text-decoration:line-through}.app-shell nav button{min-width:0}.profile-form{gap:13px;display:grid}.profile-form label{color:#60758a;gap:6px;font-size:12px;font-weight:800;display:grid}.profile-form input,.profile-form textarea{color:#13233f;background:#fff;border:1px solid #cadde6;border-radius:13px;width:100%;padding:13px}.profile-form textarea{resize:vertical;min-height:100px}.profile-save,.signout-button{border:0;border-radius:14px;padding:14px;font-weight:800}.profile-save{color:#fff;background:linear-gradient(145deg,#19bca8,#07838a);box-shadow:0 9px 20px #078b8e2f}.signout-button{color:#cf4e59;background:#fff0f1;border:1px solid #ffd5d9;margin-top:7px}.sync-message{color:#087f86;background:#e3faf7;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700}.salon-info>div>small{color:#60758a;max-width:270px;margin-top:5px;line-height:1.35;display:block}.public-link-card{background:linear-gradient(145deg,#dff8f4,#eaf3ff);border-radius:18px;margin-bottom:18px;padding:15px}.public-link-card>span,.public-link-card>strong{display:block}.public-link-card>span{color:#60758a;text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:800}.public-link-card>strong{color:#087f86;word-break:break-all;margin-top:6px;font-size:12px}.public-link-card>div{gap:8px;margin-top:12px;display:flex}.public-link-card button{color:#fff;background:#078b8e;border:0;border-radius:11px;flex:1;padding:10px;font-size:12px;font-weight:800}.public-link-card button+button{color:#087f86;background:#fff}.booking-list article{cursor:pointer}.booking-list em{color:#078b8e;text-transform:uppercase;letter-spacing:.4px;margin-top:6px;font-size:10px;font-style:normal;font-weight:800;display:inline-block}.booking-list .booking-cancelled,.booking-list .booking-no_show{opacity:.58}.booking-list .booking-cancelled em,.booking-list .booking-no_show em{color:#c65b64}.booking-list .booking-completed em{color:#58738a}.booking-modal{z-index:20;background:#10233a7d;place-items:end center;padding:20px;display:grid;position:fixed;inset:0}.booking-detail{background:#fff;border-radius:25px;width:min(100%,420px);padding:22px;position:relative;box-shadow:0 25px 60px #10233a45}.modal-close{color:#60758a;background:0 0;border:0;font-size:28px;position:absolute;top:12px;right:15px}.client-phone{color:#078b8e;margin-top:7px;font-weight:800;text-decoration:none;display:inline-block}.booking-detail-summary{background:#f1f8fa;border-radius:16px;gap:5px;margin:18px 0;padding:15px;display:grid}.booking-detail-summary span{color:#60758a;font-size:13px}.booking-status{color:#087f86;background:#e3faf7;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-block}.status-cancelled,.status-no_show{color:#c94e5a;background:#fff0f1}.status-completed{color:#526b7e;background:#edf2f5}.booking-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}.booking-actions button{color:#087f86;background:#e3faf7;border:0;border-radius:12px;padding:11px;font-size:12px;font-weight:800}.booking-actions .cancel-booking{color:#c94e5a;background:#fff0f1;grid-column:1/-1}@media (min-height:700px){.booking-modal{place-items:center}}.avatar{border:0;overflow:hidden}.avatar img,.salon-avatar img{object-fit:cover;width:100%;height:100%}.profile-photo-card{background:#fff;border:1px solid #dceaf0;border-radius:19px;align-items:center;gap:14px;margin-bottom:18px;padding:15px;display:flex}.profile-photo-card>div{color:#fff;background:linear-gradient(145deg,#17b8a6,#087f86);border-radius:22px;flex:0 0 76px;place-items:center;width:76px;height:76px;font-size:24px;font-weight:800;display:grid;overflow:hidden}.profile-photo-card>div img{object-fit:cover;width:100%;height:100%}.profile-photo-card>section{gap:5px;min-width:0;display:grid}.profile-photo-card small{color:#718698;font-size:10px;line-height:1.35}.photo-upload,.photo-remove{text-align:center;border:0;border-radius:10px;padding:9px 10px;font-size:11px;font-weight:800}.photo-upload{color:#fff;cursor:pointer;background:#078b8e}.photo-upload input{display:none}.photo-remove{color:#c94e5a;background:#fff0f1}.salon-avatar{overflow:hidden}.booking-tools{gap:10px;margin-bottom:18px;display:grid}.booking-tools>input{color:#13233f;background:#fff;border:1px solid #cadde6;border-radius:14px;width:100%;padding:12px 14px}.booking-tools>div{gap:7px;padding-bottom:3px;display:flex;overflow-x:auto}.booking-tools button{color:#60758a;background:#fff;border:1px solid #d4e3ea;border-radius:11px;flex:none;padding:8px 10px;font-size:11px;font-weight:800}.booking-tools button.active{color:#087f86;background:#e3faf7;border-color:#0da59b}
