:root{--bg: #F5F6F8;--surface: #FFFFFF;--soft: #F1F3F6;--sunk: #EEF0F3;--ink: #101828;--ink-2: #344054;--muted: #667085;--line: #E4E7EC;--brand: #1F7A5A;--brand-ink: #FFFFFF;--brand-soft: #E3F2EB;--ok: #067647;--ok-bg: #DCFAE6;--warn: #93370D;--warn-bg: #FEF0C7;--bad: #B42318;--bad-bg: #FEE4E2;--info: #175CD3;--info-bg: #D1E9FF;--ui: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--salon: #1F1F1F;--salon-soft: color-mix(in srgb, var(--salon) 9%, #fff);--salon-line: color-mix(in srgb, var(--salon) 35%, #fff);--r-sm: 10px;--r: 14px;--r-lg: 20px;--r-xl: 28px;--sh-sm: 0 1px 2px rgba(16, 24, 40, .05);--sh: 0 1px 3px rgba(16, 24, 40, .06), 0 6px 20px rgba(16, 24, 40, .05);--sh-lg: 0 12px 40px rgba(16, 24, 40, .14);color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:15px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}h1,h2,h3{letter-spacing:-.02em}:focus-visible{outline:2.5px solid color-mix(in srgb,var(--brand) 60%,transparent);outline-offset:2px;border-radius:8px}.wrap{max-width:1160px;margin:0 auto;padding-inline:16px}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.hidden{display:none!important}.local-banner{background:var(--warn-bg);color:var(--warn);font-size:.82rem;padding:6px 16px;text-align:center}.local-banner button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.loading{padding:80px 16px;text-align:center;color:var(--muted)}.ico{width:16px;height:16px;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer;background:var(--brand);color:var(--brand-ink);text-decoration:none;box-shadow:var(--sh-sm);transition:transform .12s,box-shadow .15s,background .15s}.btn:hover{box-shadow:var(--sh)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.sec{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),var(--sh-sm)}.btn.sec:hover{background:var(--soft)}.btn.danger{background:var(--bad-bg);color:var(--bad);box-shadow:none}.btn.sm{padding:7px 11px;font-size:.84rem;border-radius:10px}.btn.block{width:100%}.field{display:grid;gap:6px;margin-bottom:14px}.field label,.label{font-size:.84rem;font-weight:700;color:var(--ink-2)}.field small{color:var(--muted);font-size:.8rem}.inp{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 13px;box-shadow:var(--sh-sm);transition:border-color .15s,box-shadow .15s}.inp:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}.inp::placeholder{color:#98a2b3}.check{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--ink-2)}.check input{margin-top:2px;width:18px;height:18px;accent-color:var(--brand);flex:0 0 auto}.err{color:var(--bad);font-size:.88rem;min-height:1.2em;margin:8px 0 0}.toggle{position:relative;width:42px;height:24px;flex:0 0 auto;display:inline-block}.toggle input{opacity:0;width:100%;height:100%;margin:0;cursor:pointer;position:absolute;z-index:1}.toggle span{position:absolute;inset:0;background:#d0d5dd;border-radius:999px;transition:.2s}.toggle span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10182833;transition:.2s}.toggle input:checked+span{background:var(--brand)}.toggle input:checked+span:after{transform:translate(18px)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#fff;padding:11px 18px;border-radius:14px;font-weight:600;z-index:60;font-size:.9rem;max-width:calc(100% - 32px);box-shadow:var(--sh-lg);animation:pop .25s ease}.toast.err{background:var(--bad)}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)}}.pill{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;padding:3px 10px;border-radius:999px;font-weight:700;white-space:nowrap}.st-confirmed{background:var(--ok-bg);color:var(--ok)}.st-new{background:var(--info-bg);color:var(--info)}.st-no_show{background:var(--bad-bg);color:var(--bad)}.st-completed,.st-past{background:var(--sunk);color:var(--muted)}.st-cancelled{background:var(--sunk);color:var(--muted);text-decoration:line-through}.st-pending{background:var(--warn-bg);color:var(--warn)}.s-page{min-height:100vh;padding-bottom:20px}.s-cover{height:190px;position:relative;overflow:hidden;background:radial-gradient(120% 140% at 85% -20%,color-mix(in srgb,var(--salon) 55%,#fff) 0%,transparent 55%),radial-gradient(90% 120% at 0% 120%,color-mix(in srgb,var(--salon) 70%,#000) 0%,transparent 60%),linear-gradient(135deg,var(--salon),color-mix(in srgb,var(--salon) 75%,#000))}.s-cover:after{content:"";position:absolute;inset:0;opacity:.14;background-image:radial-gradient(rgba(255,255,255,.9) 1px,transparent 1.2px);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.s-top{position:relative;margin-top:-78px;z-index:2}.s-head{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}.s-avatar{width:84px;height:84px;border-radius:24px;background:var(--salon);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.8rem;letter-spacing:-.02em;box-shadow:0 8px 22px color-mix(in srgb,var(--salon) 35%,transparent)}.s-name{font-size:clamp(1.55rem,4.4vw,2.2rem);line-height:1.1;margin:0;font-weight:800;text-wrap:balance}.s-tag{margin:4px 0 0;color:var(--ink-2);max-width:60ch}.s-info{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.s-chip{display:inline-flex;align-items:center;gap:6px;background:var(--soft);border-radius:999px;padding:6px 11px;font-size:.83rem;font-weight:600;color:var(--ink-2);text-decoration:none}a.s-chip:hover{background:var(--sunk)}.s-open i{width:8px;height:8px;border-radius:50%;background:#98a2b3}.s-open.on{background:var(--ok-bg);color:var(--ok)}.s-open.on i{background:#17b26a;box-shadow:0 0 0 3px color-mix(in srgb,#17B26A 25%,transparent)}.s-steps{list-style:none;display:flex;gap:6px;padding:0;margin:18px 0 0;counter-reset:st;overflow-x:auto}.s-steps li{counter-increment:st;flex:1 1 0;min-width:110px;display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;color:var(--muted);padding:10px 12px;background:var(--surface);border-radius:14px;box-shadow:var(--sh-sm);white-space:nowrap}.s-steps li:before{content:counter(st);width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:var(--soft);color:var(--muted);font-size:.78rem;flex:0 0 auto}.s-steps li.is-on{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--salon),var(--sh-sm)}.s-steps li.is-on:before{background:var(--salon);color:#fff}.s-steps li.is-done{color:var(--ink-2)}.s-steps li.is-done:before{content:"✓";background:var(--salon-soft);color:var(--salon)}.s-body{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;padding-block:18px 40px;align-items:start}.stack{display:grid;gap:18px;min-width:0}.stack>*{min-width:0}.s-side{position:sticky;top:18px}.s-card{background:var(--surface);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh)}.s-card h2{font-size:1.12rem;margin:0;font-weight:800}.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}.sec-h .muted{font-size:.85rem;font-weight:600}.svc-list{display:grid;gap:10px}.svc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;border:0;background:var(--surface);border-radius:16px;padding:14px 16px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s,background .15s,transform .12s}.svc:hover{box-shadow:inset 0 0 0 1.5px var(--salon-line),var(--sh-sm)}.svc:active{transform:scale(.995)}.svc-radio{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px #d0d5dd;display:grid;place-items:center;transition:.15s}.svc-main{display:grid;gap:2px;min-width:0}.svc b{font-weight:700;font-size:.98rem}.svc small{color:var(--muted);font-size:.83rem}.svc .p{font-weight:800;font-size:1.02rem;font-variant-numeric:tabular-nums}.svc[aria-pressed=true]{background:var(--salon-soft);box-shadow:inset 0 0 0 2px var(--salon)}.svc[aria-pressed=true] .svc-radio{background:var(--salon);box-shadow:none}.svc[aria-pressed=true] .svc-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}.chip{flex:0 0 auto;scroll-snap-align:start;border:0;background:var(--soft);border-radius:16px;padding:10px 0 9px;cursor:pointer;text-align:center;width:62px;display:grid;gap:1px;transition:.15s}.chip small{color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.chip b{font-size:1.22rem;font-weight:800}.chip em{font-style:normal;font-size:.66rem;font-weight:700;color:var(--salon)}.chip:hover{background:var(--sunk)}.chip[aria-pressed=true]{background:var(--salon);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--salon) 35%,transparent)}.chip[aria-pressed=true] small,.chip[aria-pressed=true] em{color:#fff;opacity:.85}.slot-group+.slot-group{margin-top:14px}.slot-lbl{font-size:.8rem;font-weight:700;color:var(--muted);margin:14px 0 8px;display:flex;align-items:center;gap:6px}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.slot-b{border:0;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;padding:10px 0;cursor:pointer;font-weight:700;font-size:.92rem;font-variant-numeric:tabular-nums;transition:.15s}.slot-b:hover{box-shadow:inset 0 0 0 1.5px var(--salon-line)}.slot-b[aria-pressed=true]{background:var(--salon);box-shadow:none;color:#fff}.pros{display:flex;gap:8px;flex-wrap:wrap}.pro-b{border:0;background:var(--soft);border-radius:999px;padding:8px 16px;cursor:pointer;font-weight:600}.pro-b[aria-pressed=true]{background:var(--salon);color:#fff}.empty{color:var(--muted);font-size:.9rem;padding:10px 0;margin:0}.skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-top:14px}.skeleton span{height:40px;border-radius:12px;background:linear-gradient(90deg,var(--soft),var(--sunk),var(--soft));background-size:200% 100%;animation:sk 1.2s infinite}@keyframes sk{to{background-position:-200% 0}}.s-sum h2{margin-bottom:12px}.sum-list{margin:0 0 16px;display:grid;gap:0;background:var(--soft);border-radius:16px;padding:4px 14px}.sum-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #D0D5DD;font-size:.9rem}.sum-list>div:last-child{border-bottom:0}.sum-list dt{color:var(--muted)}.sum-list dd{margin:0;font-weight:700;text-align:right}.sum-list .ph{color:#98a2b3;font-weight:500}.sum-list .tot dd{font-size:1.05rem;font-weight:800}.s-book{width:100%;border:0;border-radius:16px;padding:15px;background:var(--salon);color:#fff;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb,var(--salon) 30%,transparent);transition:transform .12s,opacity .15s}.s-book:active{transform:translateY(1px)}.s-book:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.s-secure{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:.78rem;margin:10px 0 0}.done{text-align:center;display:grid;gap:12px;padding:8px 0}.done .tick{width:72px;height:72px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;font-size:2rem;margin:0 auto;animation:tick .45s cubic-bezier(.2,1.4,.4,1)}@keyframes tick{0%{transform:scale(.4);opacity:0}}.done h2{font-size:1.35rem}.done-card{background:var(--soft);border-radius:16px;padding:14px;text-align:left;display:grid;gap:4px}.done-card b{font-size:1.02rem}.hours-list div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:.9rem;border-bottom:1px solid var(--soft)}.hours-list div:last-child{border-bottom:0}.hours-list div.today{font-weight:800}.hours-list div.today span:first-child:after{content:" · hoy";color:var(--salon);font-size:.8rem}.foot{padding-block:20px 40px;color:var(--muted);font-size:.82rem;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center}.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}.foot .by{display:inline-flex;align-items:center;gap:6px}.foot .by img{width:16px;height:16px}.s-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--ink);color:#fff;border-radius:20px;padding:10px 10px 10px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--sh-lg);animation:up .25s ease}.s-bar div{flex:1;min-width:0;display:grid}.s-bar b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}.s-bar small{opacity:.75;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-bar button{border:0;border-radius:14px;background:#fff;color:var(--ink);font-weight:800;padding:11px 16px;cursor:pointer;flex:0 0 auto}@keyframes up{0%{transform:translateY(20px);opacity:0}}.narrow{max-width:560px;margin:36px auto;padding-inline:16px}.narrow h1{letter-spacing:-.02em}.doc{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh);padding:26px}.doc h1{font-size:1.6rem;margin:0 0 12px}.doc h2{font-size:1.1rem;margin:22px 0 6px}.doc p,.doc li{color:var(--ink-2)}.c-head{display:flex;align-items:center;gap:12px}.c-head .s-avatar{width:48px;height:48px;border-radius:14px;font-size:1.1rem;box-shadow:none}.l-nav{display:flex;justify-content:space-between;align-items:center;padding-block:18px}.l-logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;text-decoration:none;letter-spacing:-.02em}.l-logo img{width:32px;height:32px}.l-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-block:36px 56px}.l-kicker{display:inline-flex;gap:8px;align-items:center;background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:.82rem;padding:6px 12px;border-radius:999px}.l-hero h1{font-size:clamp(2.1rem,5.2vw,3.5rem);line-height:1.05;margin:16px 0 14px;font-weight:800;letter-spacing:-.035em;text-wrap:balance}.l-hero h1 em{font-style:normal;color:var(--brand)}.l-hero p{font-size:1.1rem;color:var(--ink-2);max-width:46ch;margin:0 0 24px}.l-hero .actions .btn{padding:13px 20px;font-size:1rem;border-radius:14px}.l-mock{background:var(--surface);border-radius:32px;box-shadow:var(--sh-lg);padding:14px;transform:rotate(1.2deg)}.l-mock-cover{height:96px;border-radius:22px;background:linear-gradient(135deg,#1f1f1f,#3a3a3a)}.l-mock-head{display:flex;gap:12px;align-items:center;margin:-30px 14px 12px}.l-mock-head span{width:58px;height:58px;border-radius:18px;background:#1f1f1f;color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 0 0 4px #fff}.l-mock-head b{margin-top:26px}.l-mock .svc{margin:0 6px 8px;width:calc(100% - 12px);cursor:default}.l-mock .svc[aria-pressed=true]{--salon: #1F1F1F}.l-mock .slots{padding:4px 6px 6px;grid-template-columns:repeat(4,1fr)}.l-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-bottom:56px}.l-feat{background:var(--surface);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh)}.l-feat i{width:40px;height:40px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-style:normal;font-size:1.1rem;margin-bottom:12px}.l-feat b{display:block;margin-bottom:4px}.l-feat p{margin:0;color:var(--muted);font-size:.9rem}.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(80% 55% at 50% 0%,var(--brand-soft),transparent 70%)}.login .card{width:100%;max-width:420px;background:var(--surface);border-radius:var(--r-xl);padding:30px;box-shadow:var(--sh-lg)}.brandmark{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.3rem;margin-bottom:20px;letter-spacing:-.02em}.brandmark img{width:36px;height:36px}.hint{background:var(--info-bg);color:var(--info);border-radius:12px;padding:10px 12px;font-size:.85rem;margin-bottom:14px}.panel{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.side{background:var(--surface);box-shadow:1px 0 0 var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;overflow-y:auto}.side-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.12rem;padding:2px 10px 16px;letter-spacing:-.02em;text-decoration:none}.side-logo img{width:28px;height:28px}.biz{padding:12px;margin:0 0 12px;display:grid;gap:3px;background:var(--soft);border-radius:14px}.biz b{display:block;font-size:.95rem}.biz small{color:var(--muted);font-size:.8rem}.biz select{margin-top:6px}.nav-b{display:flex;align-items:center;gap:11px;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:600;color:var(--muted);text-decoration:none;font-size:.93rem;transition:background .15s,color .15s}.nav-b svg{width:19px;height:19px;flex:0 0 auto}.nav-b:hover{background:var(--soft);color:var(--ink)}.nav-b[aria-current=page]{background:var(--brand-soft);color:var(--brand);font-weight:700}.side .spacer{flex:1}.main{padding:26px clamp(16px,3vw,36px) 56px;min-width:0}.ph{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.ph h1{margin:0;font-size:1.65rem;font-weight:800}.ph p{margin:3px 0 0;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.kpi{background:var(--surface);border-radius:18px;padding:16px 18px;box-shadow:var(--sh)}.kpi small{color:var(--muted);font-size:.8rem;font-weight:600}.kpi b{display:block;font-size:1.55rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:2px}.daynav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.daynav .lbl{font-weight:700;min-width:190px;text-align:center}.cal-wrap{background:var(--surface);border-radius:var(--r-lg);overflow-x:auto;box-shadow:var(--sh)}.cal{display:grid;min-width:420px;position:relative}.cal-head{display:contents}.cal-head div{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--line);padding:12px;font-weight:700;font-size:.9rem;z-index:2}.times{border-right:1px solid var(--line)}.times div{height:48px;font-size:.72rem;font-weight:600;color:var(--muted);padding:2px 8px;border-top:1px solid var(--soft);font-variant-numeric:tabular-nums}.col{position:relative;border-right:1px solid var(--soft)}.col:last-child{border-right:0}.col .row{height:48px;border-top:1px solid var(--soft)}.col .row.half{border-top-style:dashed}.col .row.off{background:repeating-linear-gradient(-45deg,transparent 0 6px,var(--soft) 6px 8px)}.appt{position:absolute;left:5px;right:5px;border-radius:10px;padding:5px 9px;font-size:.8rem;overflow:hidden;cursor:pointer;border:0;text-align:left;border-left:3px solid currentColor;box-shadow:var(--sh-sm);transition:transform .12s,box-shadow .15s}.appt:hover{transform:translateY(-1px);box-shadow:var(--sh)}.appt b{display:block;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appt span{font-size:.72rem;opacity:.85;font-variant-numeric:tabular-nums}.appt.st-pending{border:1px dashed currentColor;border-left-width:3px}.now-line{position:absolute;left:0;right:0;height:2px;background:var(--bad);z-index:1;pointer-events:none}.now-line:before{content:"";position:absolute;left:-4px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--bad)}.closed-day{padding:48px;text-align:center;color:var(--muted)}.tbl-wrap{background:var(--surface);border-radius:var(--r-lg);overflow-x:auto;box-shadow:var(--sh)}table{width:100%;border-collapse:collapse;font-size:.92rem}th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fcfcfd}td{padding:10px 14px;border-bottom:1px solid var(--soft);vertical-align:middle}tr:last-child td{border-bottom:0}td .inp{padding:8px 10px;box-shadow:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--soft)}tr.inactive td{opacity:.55}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.card{background:var(--surface);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh)}.card h3{margin:0 0 14px;font-size:1.02rem;font-weight:800}.card+.card{margin-top:20px}.swatches{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sw{width:36px;height:36px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1.5px var(--line);cursor:pointer;padding:0}.sw[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink)}.hours-row{display:grid;grid-template-columns:96px auto 1fr 1fr;gap:8px 10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--soft)}.hours-row:last-of-type{border-bottom:0}.hours-row .brk{grid-column:3 / -1;display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:center;font-size:.82rem;color:var(--muted)}.list-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.bubble{background:#dcf8c6;color:#1b2a1f;border-radius:16px 16px 16px 4px;padding:11px 13px;font-size:.9rem;max-width:340px;white-space:pre-wrap;box-shadow:var(--sh-sm)}.saved{color:var(--ok);font-size:.85rem;font-weight:700;min-height:1.3em}.drawer-bg{position:fixed;inset:0;background:#10182866;backdrop-filter:blur(2px);z-index:40;display:flex;justify-content:flex-end;animation:fade .2s}.drawer{background:var(--surface);width:min(460px,100%);height:100%;padding:26px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-bottom:calc(26px + env(safe-area-inset-bottom,0px));box-shadow:var(--sh-lg);animation:slide .25s ease}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(30px);opacity:.6}}.drawer h2{margin:0;font-size:1.3rem;font-weight:800}.dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 12px;font-size:.92rem;margin:0;background:var(--soft);border-radius:16px;padding:14px 16px}.dl dt{color:var(--muted)}.dl dd{margin:0;font-weight:600}.actions{display:flex;gap:8px;flex-wrap:wrap}.note{font-size:.82rem;color:var(--muted);margin-top:12px}.linkbox{display:flex;gap:8px;align-items:center;background:var(--soft);border-radius:14px;padding:9px 10px 9px 13px;font-family:var(--mono);font-size:.8rem;word-break:break-all;text-align:left}.linkbox span{flex:1;user-select:all;color:var(--ink-2)}.mnav{display:none}.qr{background:#fff;padding:12px;border-radius:16px;width:200px;height:200px;box-shadow:inset 0 0 0 1px var(--line)}.search{max-width:280px}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.admin-grid td{white-space:nowrap}.admin-grid td:nth-child(2){white-space:normal;min-width:160px}.deposit-note{background:var(--warn-bg);color:#4e1d09;border-radius:14px;padding:12px 14px;font-size:.87rem;line-height:1.45;margin:0 0 14px}.radio-list{display:grid;gap:8px;margin-bottom:14px}.radio-list label{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:12px 14px;cursor:pointer;font-size:.92rem;box-shadow:inset 0 0 0 1px var(--line);transition:.15s}.radio-list label:has(input:checked){box-shadow:inset 0 0 0 2px var(--brand);background:var(--brand-soft)}.radio-list input{margin-top:3px;accent-color:var(--brand)}.radio-list small{display:block;color:var(--muted)}.fakepay{max-width:420px;margin:40px auto;padding:0 16px}.fakepay .card{display:grid;gap:14px}.fakepay .amount{font-size:2.2rem;font-weight:800;line-height:1.1;letter-spacing:-.03em}.fakepay .cardnum{font-family:var(--mono);background:var(--soft);border-radius:12px;padding:12px;letter-spacing:.08em}@media(max-width:900px){.s-body{grid-template-columns:minmax(0,1fr);padding-bottom:110px}.s-side{position:static}.panel{grid-template-columns:minmax(0,1fr)}.side{display:none}.mnav{display:flex;gap:6px;overflow-x:auto;padding:10px 14px;background:#ffffffeb;backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--line);position:sticky;top:0;z-index:5}.mnav .nav-b{flex:0 0 auto;padding:8px 13px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2,.admin-grid{grid-template-columns:minmax(0,1fr)!important}.hours-row{grid-template-columns:84px auto 1fr 1fr}.l-hero{grid-template-columns:minmax(0,1fr);padding-top:16px}.l-mock{transform:none}.l-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:901px){.s-bar{display:none!important}}@media(max-width:560px){.s-cover{height:150px}.s-top{margin-top:-64px}.s-head{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px;border-radius:24px}.s-avatar{width:68px;height:68px;font-size:1.45rem;border-radius:20px;margin-top:-52px;box-shadow:0 0 0 5px #fff,0 8px 22px color-mix(in srgb,var(--salon) 30%,transparent)}.s-steps li{min-width:0;font-size:.78rem;padding:9px 10px}.s-steps li:before{width:20px;height:20px}.s-card{padding:16px;border-radius:18px}.svc{padding:13px 14px;gap:12px}.l-feats{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.l-mock .slot-b{display:block;text-align:center;cursor:default}.s-bar[hidden]{display:none}.l-hero p.note{font-size:.84rem;margin-top:14px}@media(max-width:560px){.kpis{gap:10px}.kpi{padding:12px 14px;border-radius:16px}.kpi b{font-size:1.3rem}.ph h1{font-size:1.4rem}}