@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap');
:root{--blue:#2458e8;--blue-bg:#edf2ff;--ink:#1b2537;--muted:#677184;--line:#e5e9f0;--canvas:#f7f9fc;--green:#16704b;--green-bg:#eef8f2;--amber:#99601a;--amber-bg:#fff6e7;--red:#b53642;--radius:14px;font-family:'DM Sans',sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button,input,select,textarea,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #87a8ff}button{border:0;background:none;color:inherit}svg.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,.wordmark,.stat strong{font-family:'Manrope',sans-serif}h1{font-size:30px;letter-spacing:-1px;line-height:1.25}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:16px}small,.small{font-size:14px}p{line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.flex{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:grid;gap:18px}.wordmark{font-size:35px;font-weight:800;letter-spacing:-2px;color:var(--ink);display:flex;align-items:center;gap:3px}.wordmark span{color:var(--blue)}.wordmark .brand-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin:16px 0 0 3px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;border-right:1px solid var(--line);background:white;display:flex;flex-direction:column;padding:30px 20px;z-index:10}.sidebar .wordmark{padding:0 15px}.brand-sub{font-size:11px;letter-spacing:2px;margin:4px 0 33px 17px;color:var(--muted)}.business-mini{display:flex;gap:11px;align-items:center;border:1px solid var(--line);padding:12px;border-radius:12px;margin-bottom:27px}.business-mini b{font-size:14px;display:block}.business-mini small{font-size:12px;color:var(--muted)}.monogram{width:39px;height:39px;border-radius:10px;background:var(--ink);color:white;display:grid;place-items:center;font-family:'Manrope',sans-serif;font-weight:700;flex-shrink:0}.navlabel{padding:0 14px;color:#818a98;font-size:11px;letter-spacing:1.5px;margin-bottom:10px}.nav{display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:9px;font-size:14px;font-weight:550;color:#606b7d}.nav a.active{background:var(--blue-bg);color:var(--blue);font-weight:700}.nav a:hover{background:var(--canvas)}.nav a.active:hover{background:var(--blue-bg)}.nav .count{margin-left:auto;border-radius:5px;font-size:12px;background:white;padding:1px 6px}.sidebar-bottom{margin-top:auto}.sidebar-bottom .preview-link{border:1px solid var(--line);padding:13px 12px;border-radius:10px;display:flex;gap:10px;font-size:14px;align-items:center;margin:26px 0}.owner{border-top:1px solid var(--line);padding-top:19px}.avatar{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#eaf0fc;color:#425b87;font-size:13px;font-weight:700;flex-shrink:0}.owner strong{display:block;font-size:14px}.owner small{color:var(--muted);font-size:12px}.shell{margin-left:232px}.topbar{height:79px;border-bottom:1px solid var(--line);background:white;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:14px}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:14px}.badge{font-size:12px;border-radius:5px;padding:5px 8px;background:#f0f3f8;color:#647086;font-weight:600;display:inline-flex;align-items:center;gap:5px}.demo-badge{background:#f0f3f8;color:#5b6578}.top-actions{display:flex;align-items:center;gap:18px}.iconbutton{width:38px;height:38px;display:grid;place-items:center;border-radius:8px}.iconbutton:hover{background:var(--blue-bg)}.content{max-width:1450px;margin:0 auto;padding:32px 36px 36px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.page-heading p{font-size:14px;color:var(--muted);margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:white;padding:11px 16px;border-radius:9px;font-weight:600;font-size:14px;min-height:43px;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{background:#f2f5fb}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.primary:hover{filter:brightness(.94)}.btn.soft{background:var(--blue-bg);color:var(--blue);border-color:transparent}.btn.danger{color:var(--red);border-color:#f0cdd1}.btn.full{width:100%}.btn.compact{padding:8px 12px;min-height:36px}.text-btn{font-size:14px;color:var(--blue);font-weight:600;padding:6px 0;display:inline-flex;align-items:center;gap:5px}.summary{display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px 0;margin-bottom:26px}.stat{display:flex;gap:14px;align-items:center;padding:0 24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-icon{display:grid;place-items:center;background:var(--blue-bg);color:var(--blue);height:42px;width:42px;border-radius:11px;flex-shrink:0}.stat:nth-child(2) .stat-icon{background:var(--green-bg);color:var(--green)}.stat:nth-child(3) .stat-icon{background:var(--amber-bg);color:var(--amber)}.stat strong{font-size:25px;letter-spacing:-.7px;font-weight:800}.stat small{color:var(--muted);display:block;margin-top:2px;font-size:13px}.stat .stat-inline{display:flex;align-items:baseline;gap:8px}.stat-inline span{font-size:13px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-pad{padding:22px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.date-label{font-size:15px;font-weight:650}.segmented{background:#f1f4f8;padding:4px;border-radius:8px;display:inline-flex;gap:3px}.segmented button{font-size:13px;padding:6px 12px;border-radius:6px;font-weight:600;color:var(--muted)}.segmented button.active{background:white;color:var(--ink);box-shadow:0 1px 3px #15254a12}.weekstrip{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding:16px 20px;border-bottom:1px solid var(--line)}.day{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 5px;border-radius:10px;color:var(--muted)}.day small{text-transform:capitalize;font-size:12px}.day b{font-family:'Manrope';font-size:17px;color:var(--ink)}.day i{width:4px;height:4px;border-radius:50%;background:#aab3c5}.day.active{background:var(--blue);color:#dce6ff}.day.active b{color:white}.day.active i{background:white}.day:hover:not(.active){background:var(--canvas)}.schedule-label{padding:16px 22px 7px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.schedule{padding:7px 20px 19px}.slot{display:grid;grid-template-columns:49px 1fr;gap:11px;align-items:start;min-height:60px}.slot-time{font-size:12px;color:var(--muted);padding-top:16px;font-variant-numeric:tabular-nums}.appointment{display:flex;gap:12px;align-items:center;border:1px solid #e3e9f7;border-left:3px solid #96ace9;border-radius:8px;background:#f5f8ff;padding:13px 15px;margin-bottom:10px;width:100%;text-align:left;min-height:74px}.appointment:hover{border-color:#7295ef}.appointment .avatar{width:33px;height:33px;font-size:11px;background:#e4ebfa}.appointment strong{font-size:14px;font-weight:650;display:block;margin-bottom:4px}.appointment p{font-size:12px;line-height:1.5;color:#606e88}.appointment .appt-end{text-align:right;margin-left:auto;white-space:nowrap}.appointment.completed{background:#f8fafb;border-color:#e7ebef;border-left-color:#c8d0d9}.appointment.completed .avatar{background:#edf0f3;color:#7a8391}.appointment.completed strong{color:#75808f}.appointment.next{border-left-color:var(--blue);background:#edf3ff}.appointment.blocked{background:repeating-linear-gradient(135deg,#fafbfc,#fafbfc 6px,#f4f6f8 6px,#f4f6f8 7px);border-color:#e1e5eb;border-left-color:#afb8c7;min-height:55px}.status{font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:5px;background:var(--green-bg);color:var(--green)}.status.neutral{color:var(--muted);background:#edf0f4}.status.blue{background:#dde8ff;color:var(--blue)}.status.red{background:#fceff0;color:var(--red)}.free-slot{border:1px dashed #dce3ee;border-radius:8px;min-height:40px;margin-bottom:12px;width:100%;font-size:12px;color:#8b95a7;display:flex;align-items:center;justify-content:center;gap:6px}.free-slot:hover{color:var(--blue);background:var(--blue-bg);border-color:#a3baef}.free-slot svg{width:14px;height:14px}.section-foot{padding:12px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:center}.next-panel{padding:23px;background:var(--ink);color:white;border-radius:var(--radius)}.next-panel .eyebrow{color:#aab7d0;font-size:10px}.next-panel .next-time{font-family:'Manrope';font-size:36px;letter-spacing:-1px;margin:19px 0 3px;line-height:1.25;font-weight:650}.next-panel .next-time small{font-size:14px;font-family:'DM Sans';color:#9ca9c1;letter-spacing:0;font-weight:400;margin-left:7px}.next-panel h2{font-size:20px;margin-top:16px}.next-panel p{color:#afbdd4;font-size:14px;margin:5px 0 22px}.next-panel .btn{background:#fff;color:var(--ink);border-color:white}.mini-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.mini-header h3{font-size:14px}.mini-header .ico{color:var(--muted);width:18px}.quiet-card{background:#f0f4ff;border:1px solid #dfe8fc;border-radius:var(--radius);padding:22px}.quiet-card .link-symbol{height:35px;width:35px;display:grid;place-items:center;background:white;color:var(--blue);border-radius:9px;margin-bottom:15px}.quiet-card h3{margin-bottom:8px}.quiet-card p{font-size:13px;color:#687897;margin-bottom:17px;line-height:1.65}.aside-list{display:grid;gap:14px}.aside-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}.aside-row strong{font-weight:600;color:var(--ink)}.demo-note{font-size:12px;color:#8590a1;line-height:1.6;display:flex;align-items:flex-start;gap:7px;padding:0 5px}.demo-note .ico{width:15px;height:15px;flex-shrink:0;margin-top:2px}.weekgrid{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));min-width:665px;padding:15px;gap:7px}.week-scroll{overflow:auto}.weekcol{border-right:1px solid var(--line);min-height:300px;padding-right:6px}.weekcol:last-child{border:0}.weekcol .appointment{display:block;padding:10px 7px;min-height:85px;font-size:12px}.weekcol .appointment strong{font-size:12px;line-height:1.5}.weekcol .appointment p{font-size:11px}.weekcol .free-slot{padding:8px;font-size:11px}.list-head{padding:19px 22px;border-bottom:1px solid var(--line)}.list-row{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px}.list-row:last-child{border:0}.list-row strong{display:block;font-size:15px}.list-row p{font-size:13px;color:var(--muted);margin-top:4px}.search-wrap{position:relative;max-width:350px}.search-wrap .ico{position:absolute;left:12px;top:12px;width:18px;height:18px;color:var(--muted)}.search-wrap input{padding-left:38px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #dbe1eb;border-radius:8px;background:white;color:var(--ink);font-size:14px;min-height:44px}input:focus,textarea:focus,select:focus{outline:2px solid #c6d6ff;border-color:var(--blue)}textarea{resize:vertical;min-height:90px}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.field small{display:block;color:var(--muted);font-size:12px;margin-top:7px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.span2{grid-column:1/-1}.form-error{color:var(--red);font-size:14px;line-height:1.5;min-height:0}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px}.swatches{display:flex;gap:12px;margin-top:10px}.swatch{width:36px;height:36px;border:4px solid white;border-radius:50%;outline:1px solid var(--line)}.swatch.selected{outline:2px solid var(--ink)}.business-preview{text-align:center;padding:32px 20px}.business-preview .monogram{margin:0 auto 15px;width:65px;height:65px;font-size:25px;background:var(--blue)}.business-preview h2{margin:10px 0}.business-preview p{font-size:14px;color:var(--muted)}.empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px}.empty .ico{margin-bottom:10px}.mobile-brand{display:none}.footer{margin-top:24px;display:flex;justify-content:space-between;font-size:11px;color:#8b94a3}.footer b{font-weight:600;letter-spacing:1.5px}dialog{border:1px solid var(--line);border-radius:18px;max-width:540px;width:calc(100% - 32px);padding:0;max-height:90dvh;color:var(--ink);box-shadow:0 30px 100px #14233b30}dialog::backdrop{background:#18233765;backdrop-filter:blur(3px)}.modal-header{padding:23px 25px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-body{padding:0 25px 25px}.modal-header h2{font-size:22px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.detail-title{font-size:26px;margin:15px 0 7px}.detail-grid{display:grid;gap:16px;margin:24px 0}.detail-grid>div{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.detail-grid strong{color:var(--ink);font-weight:500}.info-box{padding:13px 15px;border-radius:9px;background:var(--canvas);font-size:13px;color:var(--muted);line-height:1.6}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:13px 20px;border-radius:10px;font-size:14px;box-shadow:0 8px 30px #1a284a20;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.booking-page{min-height:100vh;background:#f7f9fc}.booking-top{height:74px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:15px}.booking-top .wordmark{font-size:29px}.booking-layout{max-width:1000px;margin:40px auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;padding:0 24px;align-items:start}.shop-profile{padding:28px;border:1px solid var(--line);border-radius:15px;background:white;position:sticky;top:24px}.shop-profile .monogram{width:58px;height:58px;font-size:22px;background:var(--blue);margin-bottom:20px}.shop-profile h1{font-size:24px;line-height:1.35;margin-bottom:8px}.shop-profile p{font-size:14px;color:var(--muted)}.shop-info{border-top:1px solid var(--line);margin-top:24px;padding-top:22px;display:grid;gap:15px;font-size:13px;color:var(--muted)}.shop-info div{display:flex;gap:9px;align-items:flex-start}.shop-info .ico{width:17px;height:17px;margin-top:2px}.booking-main{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.booking-steps{display:flex;padding:23px 28px;border-bottom:1px solid var(--line);justify-content:space-between;gap:8px}.step{display:flex;align-items:center;gap:7px;color:#99a2b1;font-size:12px;font-weight:600}.step b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#f0f3f8;font-size:11px}.step.active{color:var(--blue)}.step.active b{background:var(--blue);color:white}.step.done{color:var(--green)}.step.done b{background:var(--green-bg);color:var(--green)}.booking-body{padding:28px}.booking-body h2{font-size:25px;margin-bottom:9px}.booking-body>p{font-size:14px;color:var(--muted);margin-bottom:25px}.service-option{display:flex;gap:13px;align-items:center;padding:20px 17px;border:1px solid var(--line);border-radius:11px;margin-bottom:12px;cursor:pointer;transition:.15s;width:100%;text-align:left}.service-option:hover{border-color:#a5bbed;background:#fafbff}.service-option.selected{border:2px solid var(--blue);padding:19px 16px;background:#f5f8ff}.service-option .radio{width:18px;height:18px;border:1px solid #bec8d7;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.service-option.selected .radio{border:5px solid var(--blue)}.service-option strong{display:block;font-size:15px}.service-option small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.service-option .price{font-size:15px;font-weight:650;margin-left:auto;white-space:nowrap}.booking-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.booking-actions small{font-size:12px;color:var(--muted);line-height:1.5}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.time-option{padding:12px 5px;border:1px solid var(--line);border-radius:8px;font-size:14px}.time-option.selected{background:var(--blue);color:white;border-color:var(--blue)}.booking-summary{padding:17px;background:var(--canvas);border-radius:10px;margin:20px 0;font-size:14px;display:grid;gap:10px}.booking-summary div{display:flex;justify-content:space-between;gap:15px}.booking-summary span{color:var(--muted)}.booking-success{text-align:center;padding:15px 0}.success-icon{height:64px;width:64px;border-radius:50%;background:var(--green-bg);color:var(--green);display:grid;place-items:center;margin:0 auto 22px}.success-icon .ico{width:30px;height:30px}.booking-bottom{text-align:center;font-size:12px;color:var(--muted);padding:0 20px 30px}.calendar-input{max-width:220px}.logo-preview{width:44px;height:44px;object-fit:contain;border-radius:7px}.hide{display:none!important}
@media(min-width:1500px){.content{padding-top:42px}.workspace{grid-template-columns:minmax(0,1fr) 315px}.appointment{min-height:78px}}@media(max-width:1150px){.sidebar{width:205px;padding:26px 14px}.shell{margin-left:205px}.content{padding:27px 24px}.topbar{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 255px;gap:17px}.stat{padding:0 17px;gap:10px}.stat-icon{width:35px;height:35px}.settings-grid{grid-template-columns:minmax(0,1fr) 255px}.page-heading .btn{padding:10px 12px}.next-panel{padding:20px}.appointment .avatar{display:none}}@media(max-width:980px){.workspace{grid-template-columns:minmax(0,1fr)}.rightbar{display:grid;grid-template-columns:1fr 1fr}.rightbar .demo-note{grid-column:1/-1}.rightbar .day-overview{display:none}.settings-grid{grid-template-columns:1fr}.settings-grid>.stack{display:none}.summary{padding:17px 0}.stat-icon{display:none}.page-heading{align-items:flex-start}.page-heading>.flex{flex-wrap:wrap;justify-content:flex-end}.stat strong{font-size:23px}}@media(max-width:700px){.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:69px;padding:5px 10px 8px;border-top:1px solid var(--line);border-right:0;flex-direction:row;justify-content:center}.sidebar>.wordmark,.brand-sub,.business-mini,.navlabel,.sidebar-bottom{display:none}.nav{display:flex;justify-content:space-around;width:100%;gap:3px}.nav a{flex-direction:column;gap:4px;font-size:10px;padding:7px 5px;flex:1;border-radius:8px}.nav .count{display:none}.nav a .ico{width:20px;height:20px}.shell{margin-left:0;padding-bottom:69px}.topbar{height:66px;padding:0 18px}.breadcrumb{display:none}.mobile-brand{display:flex;font-size:29px}.top-actions{gap:8px}.top-actions .top-shop{display:none}.content{padding:23px 15px}.page-heading{display:block;margin-bottom:20px}h1{font-size:27px}.page-heading>.flex{justify-content:flex-start;margin-top:19px}.page-heading>.flex .btn{flex:1}.page-heading p{font-size:13px}.summary{padding:15px 0;margin-bottom:19px}.stat{padding:0 13px;display:block}.stat strong{font-size:24px}.stat small{font-size:11px;line-height:1.5}.stat-inline span{font-size:10px}.stat .stat-inline{display:block}.calendar-toolbar{padding:13px 12px}.calendar-toolbar .date-label{font-size:13px}.calendar-toolbar .flex{gap:1px}.calendar-toolbar .iconbutton{width:28px}.calendar-toolbar .btn{padding:6px 9px;font-size:12px;min-height:32px}.segmented button{font-size:12px;padding:6px 9px}.weekstrip{padding:12px 9px;gap:3px}.day{padding:8px 3px}.day small{font-size:10px}.day b{font-size:15px}.schedule{padding:6px 12px 15px}.schedule-label{padding:14px 13px 6px;font-size:11px}.slot{grid-template-columns:38px 1fr;gap:6px}.slot-time{font-size:11px}.appointment{padding:12px 10px;gap:5px}.appointment strong{font-size:13px}.appointment p{font-size:11px}.appointment .status{font-size:10px;padding:3px 5px}.appointment .appt-end .small{font-size:11px}.rightbar{grid-template-columns:1fr}.rightbar .next-panel{display:none}.quiet-card{padding:20px}.quiet-card .link-symbol{display:none}.quiet-card p{margin-bottom:13px}.footer{font-size:10px;gap:10px}.list-row{padding:17px 15px;gap:10px}.list-row .btn{padding:8px;font-size:12px}.form-grid{grid-template-columns:1fr}.field.span2{grid-column:auto}.modal-header{padding:20px 20px 16px}.modal-body{padding:0 20px 20px}.modal-actions .btn{flex:1}.booking-top{height:65px;padding:0 18px}.booking-top .btn{font-size:12px;padding:8px 10px}.booking-top .demo-badge{display:none}.booking-layout{display:block;padding:0 14px;margin:20px auto;max-width:600px}.shop-profile{position:static;padding:20px;margin-bottom:17px}.shop-profile .monogram{width:42px;height:42px;font-size:17px;margin-bottom:12px;float:left;margin-right:13px}.shop-profile h1{font-size:22px;margin-bottom:3px}.shop-profile .shop-desc{font-size:12px}.shop-info{margin-top:16px;padding-top:14px;gap:8px}.shop-info div{font-size:12px}.shop-info div:last-child{display:none}.booking-steps{padding:18px 15px;gap:4px}.step{font-size:11px;gap:5px}.step b{width:21px;height:21px}.booking-body{padding:22px 18px}.booking-body h2{font-size:23px}.service-option{padding:17px 12px;gap:10px}.service-option.selected{padding:16px 11px}.service-option strong,.service-option .price{font-size:14px}.service-option small{font-size:12px}.slot-grid{grid-template-columns:repeat(3,1fr)}.booking-actions{gap:10px}.booking-summary{font-size:13px}.booking-top .wordmark{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Zas! brand system — Route 3: bold, warm and direct */
:root{--brand-ink:#101c2b;--brand-orange:#ff4f1f;--brand-cream:#fffaf4;--canvas:#f6f7f9;--ink:#101c2b;--muted:#657083;--line:#e3e6eb;--green:#166b49;--green-bg:#edf8f1;--amber:#9a6119;--amber-bg:#fff5e5;--red:#b53642;--radius:12px}
body{background:var(--canvas)}
.wordmark{font-family:'Manrope',sans-serif;font-size:37px;font-weight:800;letter-spacing:-2.8px;color:var(--brand-ink);gap:3px;line-height:1;display:inline-flex;align-items:center}
.brand-word{display:inline-block;transform:scaleX(1.03);transform-origin:left center}
.brand-bang{display:inline-grid;grid-template-rows:1fr 7px;gap:3px;width:9px;height:32px;margin:1px 0 0 1px}
.brand-bang i,.brand-bang b{display:block;background:var(--brand-orange)}
.brand-bang i{border-radius:5px 5px 4px 4px;transform:skew(-4deg)}
.brand-bang b{width:7px;height:7px;border-radius:50%;justify-self:center}
.sidebar{background:var(--brand-ink);border-right:0;color:white;padding-top:28px}
.sidebar .wordmark{color:var(--brand-cream)}
.brand-sub{color:#8f9aaa;font-weight:650}
.business-mini{border-color:#2a3748;background:#172537}
.business-mini small,.owner small{color:#95a0b2}
.navlabel{color:#778397}
.nav a{color:#b6bfcc}
.nav a:hover{background:#172537;color:white}
.nav a.active,.nav a.active:hover{background:var(--brand-orange);color:white}
.nav a.active .count{background:#fff;color:var(--brand-ink)}
.sidebar-bottom .preview-link{border-color:#334154;background:#172537;color:#e9edf2}
.sidebar-bottom .preview-link:hover{border-color:var(--brand-orange);color:white}
.owner{border-color:#2b394b}
.topbar{border-color:var(--line)}
.btn{border-radius:8px}
.btn.primary{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff}
.btn.primary:hover{background:#e94214;filter:none}
.text-btn{color:var(--brand-orange)}
.summary,.panel,.booking-main,.shop-profile{box-shadow:0 1px 0 rgba(16,28,43,.02)}
.stat-icon{background:#fff0ea;color:var(--brand-orange)}
.stat:nth-child(2) .stat-icon{background:var(--green-bg);color:var(--green)}
.stat:nth-child(3) .stat-icon{background:#fff5e5;color:var(--amber)}
.day.active{background:var(--brand-orange)}
.appointment.next{border-left-color:var(--brand-orange);background:#fff3ee}
.appointment.next:hover{border-color:#ff9b7b}
.status.blue{background:#ffe5dc;color:#b8320b}
.next-panel{background:var(--brand-ink)}
.next-panel .btn{color:var(--brand-ink)}
.quiet-card{background:#fff1eb;border-color:#ffd9ca}
.quiet-card .link-symbol{color:var(--brand-orange)}
.booking-page{background:#f7f7f7}
.booking-top{border-top:4px solid var(--brand-orange);height:78px}
.booking-top .wordmark{color:var(--brand-ink)}
.service-option:hover{border-color:#ffad91;background:#fffaf8}
.service-option.selected{border-color:var(--brand-orange);background:#fff2ed}
.service-option.selected .radio{border-color:var(--brand-orange)}
.step.active{color:var(--brand-orange)}
.step.active b,.time-option.selected{background:var(--brand-orange);border-color:var(--brand-orange)}
.success-icon{background:#eef8f1;color:var(--green)}
.business-preview .monogram,.shop-profile .monogram{background:var(--brand-ink)}
.swatch[data-color="#ff4f1f"]{display:inline-block}
@media(max-width:700px){.sidebar{background:white;border-top-color:var(--line)}.nav a{color:#667083}.nav a:hover{background:#fff4ef;color:var(--brand-orange)}.nav a.active,.nav a.active:hover{background:#fff0ea;color:var(--brand-orange)}.mobile-brand{color:var(--brand-ink);align-items:center}.mobile-brand .brand-bang{height:27px;width:8px;grid-template-rows:1fr 6px}.mobile-brand .brand-bang b{height:6px;width:6px}.booking-top{height:69px}}

/* YAORA! — friendly, human and immediate */
:root{--brand-teal:#009f91;--brand-teal-dark:#007f75;--brand-orange:#ff6b1a;--brand-cream:#fffaf3;--brand-ink:#172220;--blue:#009f91;--blue-bg:#eaf8f6;--canvas:#f6f8f7;--ink:#172220;--muted:#64716f;--line:#e1e8e6;--radius:14px}
button:focus-visible,a:focus-visible{outline-color:#65d2c8}
.wordmark{font-size:32px;font-weight:800;letter-spacing:-2.3px;color:var(--brand-teal);gap:3px}
.brand-word{color:var(--brand-teal)!important;transform:none}
.brand-person{display:none}
.brand-bang{height:29px;width:8px;grid-template-rows:1fr 6px;gap:3px;margin-left:0}
.brand-bang i,.brand-bang b{background:var(--brand-orange)}
.brand-bang b{width:6px;height:6px}
.sidebar{background:var(--brand-cream);border-right:1px solid #e5e2db;color:var(--brand-ink)}
.sidebar .wordmark{color:var(--brand-teal)}
.brand-sub{color:#7b8582}
.business-mini{border-color:#e2dfd7;background:#fff}
.business-mini small,.owner small{color:#7b8582}
.navlabel{color:#8d9693}
.nav a{color:#5e6b68}
.nav a:hover{background:#eef8f6;color:var(--brand-teal-dark)}
.nav a.active,.nav a.active:hover{background:var(--brand-teal);color:#fff}
.nav a.active .count{color:var(--brand-teal-dark)}
.sidebar-bottom .preview-link{background:#fff;border-color:#dedbd3;color:var(--brand-ink)}
.sidebar-bottom .preview-link:hover{border-color:var(--brand-teal);color:var(--brand-teal-dark)}
.owner{border-color:#e2dfd7}
.btn{border-radius:10px}
.btn.primary{background:var(--brand-teal);border-color:var(--brand-teal)}
.btn.primary:hover{background:var(--brand-teal-dark)}
.text-btn{color:var(--brand-teal-dark)}
.stat-icon{background:#eaf8f6;color:var(--brand-teal)}
.day.active{background:var(--brand-teal)}
.appointment.next{border-left-color:var(--brand-teal);background:#eefaf8}
.appointment.next:hover{border-color:#66cfc5}
.status.blue{background:#dff6f2;color:#00756b}
.next-panel{background:var(--brand-ink)}
.quiet-card{background:#eaf8f6;border-color:#ccece8}
.quiet-card .link-symbol{color:var(--brand-teal)}
.booking-page{background:#f6f8f7}
.booking-top{border-top:4px solid var(--brand-orange)}
.service-option:hover{border-color:#72cec5;background:#f7fdfc}
.service-option.selected{border-color:var(--brand-teal);background:#eaf8f6}
.service-option.selected .radio{border-color:var(--brand-teal)}
.step.active{color:var(--brand-teal-dark)}
.step.active b,.time-option.selected{background:var(--brand-teal);border-color:var(--brand-teal)}
.business-preview .monogram,.shop-profile .monogram{background:var(--brand-teal)}
.swatch[data-color="#009f91"]{display:inline-block}
@media(max-width:700px){.sidebar{background:#fff;border-top-color:var(--line)}.nav a{color:#667370}.nav a:hover{background:#eef8f6;color:var(--brand-teal)}.nav a.active,.nav a.active:hover{background:#e4f6f3;color:var(--brand-teal-dark)}.mobile-brand{color:var(--brand-teal)}.mobile-brand .brand-bang{height:25px}}
.language-selector{display:inline-flex;align-items:center;padding:3px;background:#eef3f2;border:1px solid var(--line);border-radius:9px;gap:2px}
.language-selector button{min-width:32px;height:29px;border-radius:6px;font-size:12px;font-weight:700;color:#6e7977}
.language-selector button.active{background:#fff;color:var(--brand-teal-dark);box-shadow:0 1px 3px #17222018}
@media(max-width:700px){.top-actions>.language-selector{display:none}.booking-top .language-selector{display:inline-flex}.booking-top .flex{gap:7px}.booking-top .language-selector button{min-width:29px}}
.auth-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eaf8f6 0%,#fffaf3 52%,#ffe9dc 100%)}
.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 28px 90px #173c3725}.auth-card>.wordmark{margin-bottom:10px}.auth-kicker{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--muted);margin-bottom:28px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef3f2;padding:4px;border-radius:10px;margin-bottom:24px}.auth-tabs button{min-height:40px;border-radius:7px;font-weight:650;font-size:14px;color:var(--muted)}.auth-tabs button.active{background:#fff;color:var(--brand-teal-dark);box-shadow:0 1px 5px #17222015}.auth-card form{display:grid;gap:17px}.auth-card .form-error{min-height:21px}.success-message{color:var(--green)}.auth-help{text-align:center;font-size:12px;color:var(--muted);margin-top:20px;line-height:1.6}
.product-panel{padding:22px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.product-card>img,.product-placeholder{width:100%;height:190px;object-fit:cover;background:#eef7f5}.product-placeholder{display:grid;place-items:center;color:var(--brand-teal)}.product-placeholder .ico{width:34px;height:34px}.product-card-body{padding:18px}.product-card h2{font-size:18px;margin:14px 0 7px}.product-card p{font-size:13px;color:var(--muted);min-height:42px}.featured{font-size:11px;font-weight:700;color:#a44913;background:#fff0e7;padding:4px 7px;border-radius:5px}.product-price{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:18px 0}.product-price strong{font-family:'Manrope';font-size:20px}.product-price span{font-size:12px;color:var(--muted)}.product-empty{text-align:center;padding:70px 20px}.product-empty .product-placeholder{width:64px;height:64px;border-radius:18px;margin:0 auto 18px}.product-empty p{color:var(--muted);font-size:14px;margin:8px auto 22px;max-width:480px}.check-field{display:flex;align-items:center;gap:10px;font-weight:500}.check-field input{width:18px;min-height:auto;height:18px}.grow{flex:1}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.auth-card{padding:27px 22px}.product-panel{padding:12px}.product-grid{grid-template-columns:1fr}.product-card>img,.product-placeholder{height:210px}.nav a{min-width:0}.nav a:nth-child(n+5){display:flex}}