@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--brand:#c8964f;--brand-ink:#1a140c;--bg:#0e0c0a;--bg2:#14110d;--panel:#1a1712;--panel2:#211d17;--ink:#f4efe6;--mut:#a99f8f;--line:#2c261e;--line2:#39312727;--ok:#4caf78;--danger:#e57373;--font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--shadow:0 20px 60px -30px rgba(0,0,0,.9);--radius:20px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}h1{font-size:27px;line-height:1.12;margin:0 0 8px;letter-spacing:-.02em;font-weight:800}h2{font-size:20px;margin:0 0 4px;letter-spacing:-.01em;font-weight:700}h3{margin:0;font-weight:700}.muted{color:var(--mut)}.small{font-size:13px}.center{text-align:center}.pad{padding:22px 4px}.err{color:var(--danger);margin:6px 0;font-size:14px}.wrap{max-width:520px;margin:0 auto;min-height:100vh;background:var(--bg2);box-shadow:var(--shadow);position:relative}.wrap.embed{box-shadow:none;min-height:0}.hero{position:relative;height:230px;overflow:hidden;display:flex;align-items:flex-end}.hero.embed{height:150px}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}.hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(10,8,6,.15) 0%,rgba(10,8,6,.55) 55%,var(--bg2) 100%)}.hero-in{position:relative;padding:20px 22px 18px;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--brand) 92%,#000);color:var(--brand-ink);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;margin-bottom:10px}.hero-name{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.05}.hero-tag{color:#e7dccb;font-size:14px;margin-top:4px}.hero-meta{display:flex;gap:14px;margin-top:12px;font-size:13px;color:#e7dccb;flex-wrap:wrap}.hero-meta b{color:#fff}.stars{color:var(--brand)}.hero-meta span{display:inline-flex;align-items:center;gap:5px}.steps{list-style:none;display:flex;gap:0;padding:0;margin:0;background:var(--bg2);position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.steps li{flex:1;text-align:center;padding:13px 2px;font-size:11px;font-weight:600;color:var(--mut);position:relative;letter-spacing:.02em}.steps li.on{color:var(--brand)}.steps li.done{color:var(--ink)}.steps li.on:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:2px;background:var(--brand);border-radius:2px}.body{padding:20px 18px 40px}.back{background:none;border:0;color:var(--mut);padding:0 0 14px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:4px}.back:hover{color:var(--ink)}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:700;margin-bottom:8px}.list{display:grid;gap:10px;margin-top:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);cursor:pointer;text-align:left;transition:border-color .16s,background .16s,transform .16s}.row:hover{border-color:var(--brand);background:var(--panel2);transform:translateY(-1px)}.row-main{display:flex;flex-direction:column;gap:3px}.row-main b{font-size:15.5px;font-weight:600}.row-main .muted{font-size:13px}.price{font-weight:800;color:var(--brand);white-space:nowrap;font-size:16px}.chev{color:var(--mut);font-size:20px;margin-left:2px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.pro{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel);cursor:pointer;text-align:center;transition:border-color .16s,background .16s,transform .16s}.pro:hover{border-color:var(--brand);background:var(--panel2);transform:translateY(-2px)}.pro b{font-size:15px;font-weight:600}.pro .muted{font-size:12px}.pav{width:74px;height:74px;border-radius:50%;object-fit:cover;display:grid;place-items:center;color:#fff;font-weight:700;font-size:26px;border:2px solid var(--line);box-shadow:0 8px 20px -10px #000000b3}.pro:hover .pav{border-color:var(--brand)}.pav.any{background:repeating-linear-gradient(135deg,var(--panel2),var(--panel2) 6px,var(--panel) 6px,var(--panel) 12px);color:var(--brand);font-size:30px}.pav.sm{width:30px;height:30px;font-size:12px;border-width:1px;box-shadow:none}.dayscroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dayscroll::-webkit-scrollbar{display:none}.day{flex:0 0 auto;width:58px;padding:11px 0;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer;display:grid;gap:2px;text-align:center;transition:border-color .15s,background .15s}.day:hover{border-color:var(--brand)}.day.on{background:var(--brand);color:var(--brand-ink);border-color:transparent}.dow{font-size:11px;text-transform:uppercase;opacity:.75;font-weight:600}.dnum{font-size:19px;font-weight:800}.dmon{font-size:10px;opacity:.75}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:10px}.slot{padding:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;font-weight:600;font-size:14.5px;transition:.15s}.slot:hover,.slot.on{border-color:var(--brand);color:var(--brand);background:var(--panel2)}.summary{display:grid;gap:10px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:14px 0 18px}.summary div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}.summary span{color:var(--mut)}.summary b{font-weight:600;text-align:right}.stack{display:grid;gap:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:6px;font-size:12.5px;color:var(--mut);font-weight:500}input,select,textarea{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);outline:none;transition:.15s}input::placeholder,textarea::placeholder{color:#6f665a}input:focus,select:focus,textarea:focus{border-color:var(--brand);background:var(--panel2)}textarea{resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a99f8f' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-weight:600;text-decoration:none;cursor:pointer;transition:.15s}.btn:hover{background:var(--panel2);border-color:var(--brand)}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:transparent;font-weight:700}.btn.primary:hover{filter:brightness(1.08)}.btn.big{width:100%;padding:15px;font-size:15.5px}.btn.sm{padding:9px 14px;font-size:13px}.btn.danger{background:transparent;color:var(--danger);border-color:#5a3030}.btn.danger:hover{background:#2a1717;border-color:var(--danger)}.btn:disabled{opacity:.6;cursor:default}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px}.msg{text-align:center;display:grid;gap:14px;justify-items:center;padding:40px 22px}.msg .lead{font-size:16px;margin:0;line-height:1.5}.lead{color:var(--ink)}.ok{width:52px;height:52px;border-radius:50%;background:var(--ok);color:#07130c;display:grid;place-items:center;font-size:26px;font-weight:800}.ticketcode{padding:11px 18px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;font-size:14px;color:var(--mut)}.ticketcode b{color:var(--ink);letter-spacing:.14em;font-weight:700}.shop-name{font-weight:700;font-size:17px}.foot{text-align:center;color:var(--mut);font-size:12.5px;padding:20px;border-top:1px solid var(--line)}.pinput{text-align:center;letter-spacing:.5em;font-size:24px;width:180px}.admin{max-width:1120px;margin:0 auto;padding:18px;min-height:100vh}.ahead{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 16px}.ahead b{font-size:17px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;gap:3px}.stat span{font-size:12px;color:var(--mut);font-weight:500}.stat b{font-size:27px;letter-spacing:-.02em;font-weight:800;color:var(--brand)}.stat i{font-size:12px;color:var(--mut);font-style:normal}.daybar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.daybar .dayscroll{flex:1;padding-bottom:0}.board{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;overflow-x:auto}.board-times{position:relative;width:46px;flex:0 0 46px}.board-times .tick{position:absolute;font-size:11px;color:var(--mut)}.board-cols{display:flex;gap:8px;position:relative;flex:1}.bcol{flex:1 0 160px;min-width:160px}.bcol-head{display:flex;align-items:center;gap:7px;font-weight:600;font-size:14px;padding:0 0 10px}.bcol-body{position:relative;border-left:1px solid var(--line)}.appt{position:absolute;left:5px;right:5px;border:1px solid;border-left-width:3px;border-radius:9px;padding:5px 8px;overflow:hidden;font-size:12px;background:var(--panel2)}.appt b{display:block;font-size:12px;font-weight:600}.appt span{color:var(--mut);font-size:11px}.appt .x{position:absolute;top:2px;right:5px;border:0;background:none;cursor:pointer;color:var(--mut);font-size:16px;line-height:1}.appt .x:hover{color:var(--danger)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#060403b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;z-index:20}.modal-card{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:14px}.row-end{display:flex;justify-content:flex-end;gap:10px}@media(max-width:560px){.stats{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.admin{padding:12px}}.day{outline:none}.day:focus-visible{border-color:var(--brand)}.appt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;transition:border-color .16s}.svc.open,.svc:hover{border-color:var(--brand)}.svc-top{display:flex;align-items:stretch;gap:8px;padding:6px 8px 6px 6px}.svc-main{flex:1;display:flex;background:none;border:0;cursor:pointer;text-align:left;padding:12px}.svc-caret{font-size:9px;color:var(--mut);vertical-align:middle;margin-left:2px}.svc-book{align-self:center;padding:9px 18px}.svc-desc{margin:0;padding:0 16px 16px;color:var(--mut);font-size:14px;line-height:1.55}.paysel{display:grid;gap:8px}.paylabel{font-size:12.5px;color:var(--mut);font-weight:500}.payopts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payopt{display:grid;gap:3px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer;transition:.15s}.payopt b{font-size:14.5px;font-weight:600}.payopt span{font-size:12px;color:var(--mut)}.payopt:hover{border-color:var(--brand)}.payopt.on{border-color:var(--brand);background:var(--panel2);box-shadow:inset 0 0 0 1px var(--brand)}.payopt.disabled{opacity:.55;cursor:not-allowed}.payopt.disabled:hover{border-color:var(--line)}.soon{display:inline-block;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-ink);background:var(--brand);padding:2px 6px;border-radius:6px;margin-left:4px;vertical-align:middle}.tabs{display:flex;align-items:center;gap:6px}.tab{background:none;border:0;color:var(--mut);font-weight:600;font-size:14px;padding:8px 12px;border-radius:10px;cursor:pointer}.tab:hover{color:var(--ink)}.tab.on{color:var(--brand);background:var(--panel)}.settings{max-width:760px;display:grid;gap:16px}.note{background:color-mix(in srgb,var(--brand) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:14px;padding:14px 16px;font-size:14px;color:var(--ink)}.note b{color:var(--brand)}.set-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:14px}.set-card h3{font-size:16px;margin-bottom:2px}.editrow{display:flex;align-items:center;gap:8px}.editrow .grow{flex:1}.editrow .num{width:66px;text-align:center}.unit{color:var(--mut);font-size:13px}.del{width:34px;height:34px;flex:0 0 34px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);color:var(--mut);cursor:pointer;font-size:17px;line-height:1}.del:hover{border-color:var(--danger);color:var(--danger)}.addbtn{justify-self:start}.barber-edit{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:12px;background:var(--panel2)}.be-head{display:flex;align-items:center;gap:8px}.be-head .grow{flex:1}.be-head .role{width:130px}.be-svc{display:flex;flex-wrap:wrap;gap:6px}.pill{font-size:12.5px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--mut);cursor:pointer;transition:.14s}.pill.on{border-color:transparent;background:var(--brand);color:var(--brand-ink);font-weight:600}.hours{display:grid;gap:6px}.hrow{display:flex;align-items:center;gap:8px;font-size:13px}.hrow input[type=time]{padding:7px 9px;width:auto}.hchk{width:52px;padding:7px 0;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--mut);cursor:pointer;font-weight:600;font-size:12px}.hchk.on{background:var(--brand);color:var(--brand-ink);border-color:transparent}.hrow.off{opacity:.6}.closed{color:var(--mut);font-size:13px}.savemsg{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--brand);color:var(--brand-ink);padding:10px 20px;border-radius:999px;font-weight:700;box-shadow:var(--shadow);z-index:30}.toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:4px 0}.toggle input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand);cursor:pointer}.toggle span{display:grid;gap:2px}.toggle b{font-size:14.5px;font-weight:600}.toggle i{font-style:normal;font-size:12.5px;color:var(--mut)}.payline{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-size:14px;color:var(--ink);margin:0}.svc-edit{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.svc-descedit{font-size:13px;color:var(--mut)}.loyalcard{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 4px;padding:18px 20px;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1c1811,var(--panel));border:1px solid color-mix(in srgb,var(--brand) 34%,var(--line))}.loyalcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 60%);pointer-events:none}.loyalcard-body{display:grid;gap:3px;position:relative}.loyalcard-kicker{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);font-weight:700}.loyalcard-head{font-size:16.5px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.loyalcard-sub{font-size:12.5px;color:var(--mut);line-height:1.45}.loyalcard-mark{color:var(--brand);opacity:.9;flex:0 0 auto;position:relative}.stampcard{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:12px}.stampcard.won{border-color:var(--brand);background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 14%,var(--panel2)),var(--panel2))}.stamp-lead{font-size:13.5px;color:var(--ink);font-weight:500}.stampcard.won .stamp-lead{color:var(--brand);font-weight:700}.stamps{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.stampdot{width:30px;height:30px;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--brand) 45%,var(--line));display:grid;place-items:center;color:var(--brand)}.stampdot.on{border-style:solid;border-color:var(--brand);background:color-mix(in srgb,var(--brand) 18%,transparent)}.loy-cfg{display:flex;flex-wrap:wrap;gap:12px}.loy-cfg label{font-size:12.5px}.loy-cfg .num{width:90px}.copyrow{display:flex;gap:8px}.copyrow input,.copyrow textarea{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.copyrow .btn{flex:0 0 auto;align-self:stretch}