:root{--bg: #111214;--bg2: #18191c;--card: #1f2024;--line: #2e3036;--text: #f3efe6;--muted: #9a978f;--gold: #e6a98a;--gold-2: #efc0a6;--green: #4caf7d;--red: #e0605a;--amber: #e6a23c;--blue: #5b9bd5;--radius: 12px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{font-size:14px;line-height:1.45}a{color:var(--gold-2);text-decoration:none}h1,h2,h3{margin:0 0 12px;font-weight:650;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1}.stack{display:flex;flex-direction:column;gap:10px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.mt{margin-top:16px}.mb{margin-bottom:16px}.right{text-align:right}.nowrap{white-space:nowrap}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:var(--bg2);border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;padding:0 8px 18px}.brand img{width:30px;height:30px;border-radius:7px}.brand img.mark{width:auto;height:30px;border-radius:0}.brand img.wordmark{width:auto;height:22px;border-radius:0}.side nav a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:9px;color:var(--muted);margin-bottom:2px}.side nav a:hover{background:var(--card);color:var(--text)}.side nav a.active{background:var(--card);color:var(--gold-2)}.side .foot{margin-top:20px;padding:10px;border-top:1px solid var(--line);font-size:12px}.main{padding:22px 26px 60px;min-width:0}.topbar{display:none}.envtag{font-size:10px;padding:2px 6px;border-radius:6px;background:var(--amber);color:#000;font-weight:700}@media (max-width: 820px){.shell{grid-template-columns:1fr}.side{position:fixed;z-index:50;left:0;top:0;width:250px;transform:translate(-100%);transition:.2s}.side.open{transform:none;box-shadow:0 0 40px #000}.topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg2);position:sticky;top:0;z-index:40}.main{padding:16px 14px 60px}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card.tight{padding:10px 12px}.kpi .v{font-size:22px;font-weight:700;margin-top:2px}.kpi .l{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.kpi .d{font-size:12px;margin-top:4px}.up{color:var(--green)}.down{color:var(--red)}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--text);padding:8px 13px;border-radius:9px;cursor:pointer;font:inherit;font-weight:550;white-space:nowrap}.btn:hover{border-color:#444851}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--on-accent, #1a1407)}.btn.primary:hover{background:var(--gold-2)}.btn.danger{color:var(--red)}.btn.ghost{background:transparent;border-color:transparent}.btn.sm{padding:5px 9px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}label.f{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}input,select,textarea{font:inherit;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:9px;padding:9px 11px;width:100%}textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--gold) 35%,transparent);border-color:var(--gold)}input[type=checkbox]{width:auto;accent-color:var(--gold)}.check{display:flex;gap:8px;align-items:center;cursor:pointer;font-size:14px;color:var(--text)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--muted);font-weight:600}.badge.gold{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold-2)}.badge.green{background:#4caf7d22;color:var(--green)}.badge.red{background:#e0605a22;color:var(--red)}.badge.amber{background:#e6a23c22;color:var(--amber)}.badge.blue{background:#5b9bd522;color:var(--blue)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tabs button{background:none;border:0;color:var(--muted);padding:9px 12px;cursor:pointer;font:inherit;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.on{color:var(--gold-2);border-bottom-color:var(--gold)}table.t{width:100%;border-collapse:collapse}table.t th{text-align:left;color:var(--muted);font-weight:550;font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line)}table.t td{padding:9px 10px;border-bottom:1px solid color-mix(in srgb,var(--text) 4%,transparent);vertical-align:middle}table.t tr.click{cursor:pointer}table.t tr.click:hover td{background:color-mix(in srgb,var(--text) 2%,transparent)}.tablewrap{overflow-x:auto}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:40px 12px;overflow:auto}.modal{background:var(--bg2);border:1px solid var(--line);border-radius:14px;width:100%;max-width:520px;padding:20px}.modal.wide{max-width:760px}.modal h2{display:flex;justify-content:space-between;align-items:center}.empty{padding:30px;text-align:center;color:var(--muted)}.alert{padding:10px 12px;border-radius:9px;background:#e6a23c18;border:1px solid #e6a23c44;color:#f0c98a;font-size:13px}.alert.info{background:#5b9bd518;border-color:#5b9bd544;color:#a9c9ea}.alert.err{background:#e0605a18;border-color:#e0605a44;color:#f2a7a3}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--gold);padding:10px 16px;border-radius:10px;z-index:200}.agenda{display:grid;border:1px solid var(--line);border-radius:var(--radius);overflow:auto;background:var(--bg2);max-height:calc(100vh - 170px)}.agenda .hcol{position:sticky;left:0;z-index:3;background:var(--bg2)}.agenda .head{position:sticky;top:0;z-index:4;background:var(--card);padding:10px;font-weight:600;border-bottom:1px solid var(--line);border-left:1px solid var(--line);text-align:center}.agenda .head.corner{left:0;z-index:5;border-left:0}.agenda .hour{height:var(--slot);font-size:11px;color:var(--muted);padding:2px 8px;border-top:1px solid var(--line)}.agenda .bcol{position:relative;border-left:1px solid var(--line)}.agenda .cell{height:var(--slot);border-top:1px dashed color-mix(in srgb,var(--text) 3%,transparent);cursor:pointer}.agenda .cell.h{border-top:1px solid var(--line)}.agenda .cell.closed{background:repeating-linear-gradient(45deg,#0000,#0000 6px,color-mix(in srgb,var(--text) 2%,transparent) 6px,color-mix(in srgb,var(--text) 2%,transparent) 12px);cursor:default}.agenda .cell.open:hover{background:color-mix(in srgb,var(--gold) 9%,transparent)}.appt{position:absolute;left:4px;right:4px;border-radius:8px;padding:4px 7px;font-size:12px;overflow:hidden;cursor:pointer;border-left:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 16%,var(--card))}.appt .n{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appt .s{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appt.confirmed{border-left-color:var(--green);background:color-mix(in srgb,var(--green) 16%,var(--card))}.appt.done{border-left-color:var(--blue);background:color-mix(in srgb,var(--blue) 16%,var(--card));opacity:.85}.appt.pending_approval{border-left-color:var(--amber);background:color-mix(in srgb,var(--amber) 18%,var(--card))}.appt.no_show{border-left-color:var(--red);background:color-mix(in srgb,var(--red) 16%,var(--card));opacity:.7}.appt .flag{position:absolute;top:3px;right:5px;font-size:11px}.blockbar{position:absolute;left:0;right:0;background:#e0605a14;border-top:1px solid #e0605a44;border-bottom:1px solid #e0605a44;font-size:11px;color:var(--red);padding:2px 6px;pointer-events:none}.nowline{position:absolute;left:0;right:0;height:2px;background:var(--red);z-index:2;pointer-events:none}.sched-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 4%,transparent)}.bars{display:flex;align-items:flex-end;gap:3px;height:160px;padding-top:10px}.bars .b{flex:1;background:var(--gold);border-radius:3px 3px 0 0;min-height:2px;position:relative}.bars .b.prev{background:color-mix(in srgb,var(--text) 13%,transparent)}.bars .b:hover:after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000;padding:3px 6px;border-radius:5px;font-size:11px;white-space:nowrap;z-index:5}.hbar{height:8px;background:color-mix(in srgb,var(--text) 6%,transparent);border-radius:99px;overflow:hidden}.hbar>div{height:100%;background:var(--gold)}.heat{display:grid;gap:2px;font-size:11px}.heat .c{height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#000a}.pub{max-width:560px;margin:0 auto;padding:20px 16px 60px}.pub .hero{text-align:center;padding:20px 0 10px}.pub .hero .logo{width:64px;height:64px;border-radius:16px;background:var(--card);display:inline-flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:10px;object-fit:cover}.pick{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--line);background:var(--card);border-radius:12px;cursor:pointer;margin-bottom:8px;width:100%;color:var(--text);font:inherit;text-align:left}.pick:hover,.pick.on{border-color:var(--gold)}.days{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.days button{flex:0 0 62px;padding:8px 4px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;font:inherit}.days button.on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px}.slots button{padding:9px 0;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;font:inherit}.slots button.on,.slots button:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.steps{display:flex;gap:6px;margin:10px 0 18px}.steps span{flex:1;height:4px;border-radius:4px;background:var(--line)}.steps span.on{background:var(--gold)}.auth{max-width:400px;margin:8vh auto;padding:0 16px}.card{box-shadow:0 1px color-mix(in srgb,var(--text) 3%,transparent),0 8px 24px -18px #0008}.btn{transition:background .15s,border-color .15s,transform .05s}.btn:active{transform:translateY(1px)}.logo-sq{width:30px;height:30px;border-radius:8px;object-fit:cover}.swatch{width:30px;height:30px;border-radius:99px;cursor:pointer;border:2px solid transparent}.swatch.on{border-color:var(--text);box-shadow:0 0 0 2px var(--bg)}.pub .hero h1{font-size:24px;margin-bottom:4px}.pub .barber{display:flex;gap:12px;align-items:center}.avatar{width:44px;height:44px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex:0 0 auto}.summary{background:color-mix(in srgb,var(--gold) 10%,var(--card));border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:12px;padding:12px 14px}.backlink{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;padding:0;margin-bottom:8px}.svc-group{margin-bottom:14px}.svc-cat{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);margin:6px 2px 8px;display:flex;align-items:center;gap:10px}.svc-cat:after{content:"";flex:1;height:1px;background:var(--line)}.sched-day{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 5%,transparent);min-height:44px}.sched-day input[type=time]{width:108px;padding:7px 8px}.stepper{display:flex;gap:6px;margin:10px 0 16px}.stepper button{flex:1;min-width:0;background:none;border:0;padding:0;color:var(--muted);font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px}.stepper button:disabled{cursor:default}.stepper .bar{height:4px;border-radius:4px;background:var(--line)}.stepper .on .bar{background:var(--gold)}.stepper .lbl{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper .on .lbl{color:var(--text)}.stepper .cur .lbl{font-weight:700}.stepper button:not(:disabled):hover .lbl{color:var(--gold-2);text-decoration:underline}.datepick{position:relative;flex:1;justify-content:center;margin:0 8px;min-height:40px}.datepick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datepick input[type=date]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}.days{scrollbar-width:none}.days::-webkit-scrollbar{display:none}table.t th.right{text-align:right}.langswitch{display:inline-flex;border:1px solid var(--line);border-radius:99px;overflow:hidden;background:var(--card)}.langswitch button{background:none;border:0;color:var(--muted);padding:5px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;min-height:30px}.langswitch button.on{background:var(--gold);color:var(--on-accent, #1a1407)}.pub .hero{position:relative}.hero-lang{position:absolute;top:0;right:0}.daylist{display:flex;flex-direction:column;gap:8px}.dl-row{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:12px;cursor:pointer;min-height:64px}.dl-row.next{box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 45%,transparent)}.dl-row.done,.dl-row.no_show{opacity:.65}.dl-time{display:flex;flex-direction:column;min-width:48px;font-size:13px}.dl-time b{font-size:16px}.dl-time span{color:var(--muted);font-size:12px}.dl-main{flex:1;min-width:0}.dl-name{font-weight:700;font-size:15px}.dl-sub{color:var(--muted);font-size:13px}.dl-price{font-weight:700;white-space:nowrap}.onboarding .ob-item{display:flex;gap:10px;align-items:center;padding:8px 4px;color:var(--text);background:none;border:0;font:inherit;text-align:left;cursor:pointer;border-radius:8px}.onboarding .ob-item:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.ob-dot{width:22px;height:22px;border-radius:99px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 auto}.ob-dot.on{background:var(--green);border-color:var(--green);color:#fff}@media (max-width: 820px){.main h1{font-size:18px}.agenda{max-height:none}}.pick.svc{gap:10px}.addsvc{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);display:grid;place-items:center;cursor:pointer}.addsvc:hover{border-color:var(--gold)}.addsvc.on{background:var(--gold);border-color:var(--gold);color:var(--on-accent, #1a1407)}.basket{position:sticky;bottom:12px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--gold);box-shadow:0 8px 24px #00000059;z-index:5}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1;min-width:140px;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;cursor:pointer}.seg button.on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--card));font-weight:600}.socials{display:flex;justify-content:center;gap:8px;margin-top:12px;flex-wrap:wrap}.socials a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--text);background:var(--card)}.socials a:hover{border-color:var(--gold);color:var(--gold-2)}.madeby{text-align:center}.madeby a{color:inherit;text-decoration:underline;text-underline-offset:2px}.smsprev{white-space:pre-wrap;font:13px/1.4 -apple-system,system-ui,sans-serif;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:0;max-width:360px}.meter{height:5px;background:var(--line);border-radius:3px;margin-top:4px;overflow:hidden;max-width:220px}.meter>span{display:block;height:100%;background:var(--gold)}[data-mode=light] .alert{color:#7a4b05;background:#fdf1dc;border-color:#f0cf94}[data-mode=light] .alert.info{color:#1d4f86;background:#e6f0fb;border-color:#b9d3f0}[data-mode=light] .alert.err{color:#9b2621;background:#fdeceb;border-color:#f2b9b6}input[type=color]{padding:3px;height:40px;min-width:60px;cursor:pointer}.emojis{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.emojis button{font-size:18px;line-height:1;padding:5px;border-radius:8px;border:1px solid var(--line);background:var(--card);cursor:pointer}.emojis button.on{border-color:var(--gold)}.landing{max-width:1080px;margin:0 auto;padding:16px 16px 40px}.l-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 10px}.l-hero{text-align:center;padding:48px 0 28px;display:flex;flex-direction:column;gap:16px;align-items:center}.l-hero h1{font-size:clamp(28px,5vw,44px);line-height:1.12;margin:0;max-width:820px}.l-hero p{font-size:17px;max-width:680px;margin:0}.l-by{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--muted);text-decoration:none}.l-by:hover{color:var(--text)}.l-sectors{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:680px}.l-sectors .chip{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:14px;background:var(--card)}.btn.big{padding:13px 20px;font-size:15px}.l-section{padding:28px 0}.l-section h2{text-align:center;font-size:26px;margin:0 0 20px}.l-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.l-feature{display:flex;flex-direction:column;gap:8px}.l-ico{color:var(--gold)}.l-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.l-step{display:flex;flex-direction:column;gap:6px}.l-num{width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--on-accent, #1a1407);display:grid;place-items:center;font-weight:700}.l-cycles{max-width:520px;margin:0 auto 16px}.l-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;max-width:760px;margin:0 auto}.l-plan{display:flex;flex-direction:column;gap:10px}.l-plan.hi{border-color:var(--gold)}.l-plan-name{font-size:18px}.l-price{font-size:34px;font-weight:800}.l-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px;font-size:14px}.l-list li{display:flex;gap:8px;align-items:flex-start}.l-list svg{color:var(--green, #3fa56b);flex:none;margin-top:2px}.l-faq{display:grid;gap:8px;max-width:760px;margin:0 auto}.l-faq summary{cursor:pointer}.l-final{padding-top:20px}.l-foot{text-align:center;display:flex;flex-direction:column;gap:8px;padding-top:24px;border-top:1px solid var(--line)}@media (max-width: 560px){.hide-sm{display:none}}.guide h3{margin:0;display:flex;align-items:center;gap:8px}.guide ol,.guide ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.guide-toc{display:flex;flex-wrap:wrap;gap:6px}
