:root{--bg:#090914;--surface:#121225;--surface2:#191934;--text:#f6f4ff;--muted:#aaa8bd;--purple:#7c5cff;--cyan:#37d7c0;--line:#2b2a46;--danger:#ff6978;--shadow:0 24px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 2%,#252054 0,transparent 28%),var(--bg);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:linear-gradient(135deg,var(--purple),var(--cyan));font-size:24px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.15em}.topbar nav{display:flex;align-items:center;gap:26px}.button{border:0;border-radius:13px;background:linear-gradient(135deg,var(--purple),#5c46e5);color:#fff;font-weight:800;padding:14px 20px;display:inline-flex;justify-content:center;cursor:pointer;box-shadow:0 10px 30px rgba(124,92,255,.23)}.button.small{padding:10px 15px;border-radius:10px}.button.wide{width:100%}.button.ghost{background:transparent;border:1px solid var(--line);box-shadow:none}.hero{max-width:1240px;margin:70px auto;padding:40px 28px 85px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.16em}.hero h1,.page-head h1,.auth-copy h1{font-size:clamp(46px,6vw,82px);line-height:.97;letter-spacing:-.055em;margin:20px 0}.hero h1 em{font-style:normal;color:var(--cyan)}.hero p,.page-head p,.auth-copy p{color:var(--muted);font-size:20px;max-width:660px}.actions{display:flex;gap:13px;margin:32px 0}.trust{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:13px}.mock{padding:28px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(155deg,rgba(25,25,52,.96),rgba(10,10,24,.97));box-shadow:var(--shadow);transform:rotate(1deg)}.mock-head{display:flex;justify-content:space-between;color:var(--muted)}.mock-head b{color:var(--cyan)}.metric{margin:28px 0;padding:25px;background:linear-gradient(135deg,#292258,#17162f);border-radius:22px}.metric small,.metric span{display:block;color:var(--muted)}.metric strong{font-size:64px}.metric span{color:var(--cyan)}.next{display:flex;align-items:center;gap:18px;padding:17px 5px;border-top:1px solid var(--line)}.next i{color:var(--cyan);font-style:normal;font-weight:800}.next span{display:block;color:var(--muted);font-size:13px}.section{max-width:1240px;margin:auto;padding:80px 28px}.section>h2,.card h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.04em;margin:10px 0 35px}.feature-grid,.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article,.plan,.card,.metrics article,.service-card{border:1px solid var(--line);background:rgba(18,18,37,.82);border-radius:20px;padding:25px}.feature-grid article>span{color:var(--purple);font-weight:900}.feature-grid p,.plan li{color:var(--muted)}.section.dark{max-width:none;background:#0e0e1e}.section.dark>*{max-width:1184px;margin-left:auto;margin-right:auto}.plan-grid{grid-template-columns:repeat(3,1fr)}.plan{position:relative;padding:32px}.plan.featured{border-color:var(--purple);transform:translateY(-10px)}.tag{position:absolute;right:20px;top:20px;font-size:10px;background:var(--purple);padding:6px 8px;border-radius:8px}.plan h3{font-size:25px}.price{font-size:38px;font-weight:900}.price small{font-size:13px;color:var(--muted)}.plan ul{list-style:none;padding:0;min-height:145px}.plan li{margin:10px 0}.plan .button{width:100%}.page-head,.panel-head{max-width:1184px;margin:55px auto 15px;padding:45px 28px}.page-head h1{font-size:clamp(42px,5vw,70px)}.auth-wrap{max-width:1050px;margin:70px auto;padding:30px 28px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.auth-wrap.compact{max-width:900px}.auth-copy h1{font-size:54px}.auth-copy li{margin:12px;color:var(--muted)}.form{display:grid;gap:18px}.form label{font-weight:750;font-size:13px}.form input,.form select,.form textarea,.inline-form input,table select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:11px;background:#0b0b18;color:var(--text);padding:13px;outline:none}.form input:focus,.form select:focus,.form textarea:focus,.inline-form input:focus{border-color:var(--purple)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.center{text-align:center}.center a{color:var(--cyan)}.flash{max-width:1184px;margin:20px auto;padding:14px 20px;border-radius:12px}.flash.success{background:#113d38;color:#83f0de}.flash.error{background:#401925;color:#ffb4bd}.booking-layout{max-width:1100px;margin:20px auto 80px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.service-card{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.service-card h3{margin:0}.service-card p{color:var(--muted);margin:4px 0}.service-card strong{color:var(--cyan)}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h1{font-size:45px;margin:8px 0}.panel-head p{color:var(--muted)}.panel-head a{color:var(--cyan)}.metrics{max-width:1184px;margin:0 auto 18px;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics article small{display:block;color:var(--muted);font-weight:800}.metrics article strong{font-size:40px}.panel-grid{max-width:1184px;margin:auto;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.card-title{display:flex;justify-content:space-between}.inline-form{display:grid;grid-template-columns:1.4fr .6fr .7fr auto;gap:8px;margin:18px 0}.inline-form.two{grid-template-columns:1fr 1fr auto}.list-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.list-row span,td small{display:block;color:var(--muted);font-size:12px}.row-actions{display:flex;align-items:center;gap:5px}.chip,.icon-button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:9px;padding:7px 9px;cursor:pointer}.icon-button{color:var(--danger)}.empty{color:var(--muted);padding:25px;text-align:center}.bookings{max-width:1128px;margin:18px auto 70px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-top:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:11px;letter-spacing:.1em}table select{min-width:130px;padding:8px;margin:0}footer{border-top:1px solid var(--line);display:flex;justify-content:center;gap:25px;flex-wrap:wrap;padding:35px;color:var(--muted)}footer strong{color:var(--text)}
@media(max-width:850px){.topbar nav>a:not(.button){display:none}.hero,.auth-wrap,.booking-layout,.panel-grid{grid-template-columns:1fr}.hero{margin-top:20px;padding-top:25px}.mock{transform:none}.feature-grid{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.plan.featured{transform:none}.metrics{grid-template-columns:1fr 1fr}.inline-form,.inline-form.two{grid-template-columns:1fr}.panel-head{align-items:flex-start}.auth-wrap{gap:20px}.business-head{padding-bottom:10px}}
@media(max-width:520px){.topbar{padding:0 18px}.topbar nav{gap:8px}.hero,.section,.page-head,.panel-head{padding-left:18px;padding-right:18px}.hero h1{font-size:49px}.hero p{font-size:17px}.actions{flex-direction:column}.feature-grid{grid-template-columns:1fr}.metrics{padding:0 18px}.panel-grid{padding:0 18px}.metrics article{padding:17px}.metrics article strong{font-size:31px}.cols{grid-template-columns:1fr}.auth-copy h1{font-size:45px}.bookings{margin-left:18px;margin-right:18px}.brand small{display:none}}
.schedule-grid{margin-top:18px}.schedule-form{display:grid;gap:9px;margin:16px 0}.schedule-row{display:grid;grid-template-columns:82px 1fr auto 1fr;align-items:center;gap:8px}.schedule-row label{font-size:13px;font-weight:750}.schedule-row input,.schedule-form input,.schedule-form select{width:100%;border:1px solid var(--line);border-radius:9px;background:#0b0b18;color:var(--text);padding:9px}.schedule-row input[type=checkbox]{width:auto;padding:0}.mini-list{margin-top:15px;color:var(--muted);font-size:13px}.mini-list div{padding:7px 0;border-top:1px solid var(--line)}.mini-list small,details summary span{color:var(--cyan)}.staff-schedules{max-width:1128px;margin:18px auto}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:800;display:flex;justify-content:space-between}@media(max-width:520px){.schedule-row{grid-template-columns:75px 1fr auto 1fr;gap:5px}}
.availability-picker{padding:16px;border:1px solid var(--line);border-radius:14px;background:#0b0b18}.calendar-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-title>label{margin:0}.calendar-controls{display:flex;align-items:center;gap:10px;text-transform:capitalize}.calendar-controls button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#17162f;color:var(--text);font-size:24px;line-height:1;cursor:pointer}.calendar-weekdays,.booking-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}.calendar-weekdays span{text-align:center;color:var(--muted);font-size:11px;font-weight:800}.booking-calendar{margin-top:7px}.booking-calendar>span{min-height:38px}.calendar-day{min-height:38px;border:1px solid var(--line);background:#17162f;color:var(--text);border-radius:9px;cursor:pointer;font-weight:750}.calendar-day:hover:not(:disabled),.calendar-day.today{border-color:var(--cyan)}.calendar-day.selected,.time-slot.selected{background:var(--purple);border-color:var(--purple);color:#fff}.calendar-day.disabled{opacity:.28;cursor:not-allowed}.time-slots{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.time-slot{border:1px solid var(--line);background:#17162f;color:var(--text);border-radius:10px;padding:9px 11px;cursor:pointer;font-weight:750}.availability-help{margin:14px 0 0;color:var(--muted);font-size:13px}@media(max-width:430px){.calendar-title{align-items:flex-start;flex-direction:column}.calendar-controls{width:100%;justify-content:space-between}}
.admin-table{max-width:1128px;margin:20px auto 80px}.admin-form{display:grid;grid-template-columns:1fr 1fr .7fr auto;gap:7px;margin-top:10px}.admin-form select,.admin-form input{border:1px solid var(--line);border-radius:8px;background:#0b0b18;color:var(--text);padding:8px}@media(max-width:700px){.admin-form{grid-template-columns:1fr}}
.plan-head{text-align:center;padding-bottom:22px}.plan-head p{margin-left:auto;margin-right:auto}.billing-toggle{display:inline-flex;margin-top:22px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#10101f;gap:4px}.billing-option{border:0;border-radius:10px;padding:11px 16px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.billing-option.active{background:linear-gradient(135deg,var(--purple),#5c46e5);color:#fff}.billing-option span{font-size:10px;color:var(--cyan);margin-left:4px}.billing-option.active span{color:#fff}.plan-promises{max-width:1128px;margin:0 auto 28px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-promises article,.plan-detail-note{border:1px solid var(--line);background:rgba(18,18,37,.82);border-radius:16px;padding:20px}.plan-promises strong,.plan-promises span{display:block}.plan-promises strong{color:var(--cyan);font-size:16px;margin-bottom:7px}.plan-promises span,.plan-intro,.staff-note{color:var(--muted);font-size:13px}.plan-grid-expanded{align-items:stretch}.plan-calculator{display:flex;flex-direction:column}.plan-badge{position:absolute;right:18px;top:18px;background:var(--purple);border-radius:8px;padding:5px 7px;font-size:10px;font-weight:900}.plan-calculator h3{margin-bottom:4px}.plan-calculator .price{margin:18px 0}.currency{font-size:24px;vertical-align:top;margin-right:4px}.staff-picker{margin:18px 0 22px;padding-top:17px;border-top:1px solid var(--line)}.staff-picker>span{font-weight:800}.stepper{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.stepper button{width:38px;height:36px;border:1px solid var(--line);border-radius:10px;background:#10101f;color:var(--purple);font-size:24px;cursor:pointer}.stepper strong{font-size:26px}.staff-note{display:block;min-height:38px}.plan-calculator .button{margin-top:auto}.plan-detail-note{max-width:700px;margin:0 auto 82px;text-align:center}.plan-detail-note strong,.plan-detail-note span{display:block}.plan-detail-note strong{margin-bottom:6px}.plan-detail-note span{color:var(--muted)}@media(max-width:850px){.plan-promises{grid-template-columns:1fr}.plan-head{text-align:left}.plan-head p{margin-left:0}.billing-toggle{display:flex;width:100%}.billing-option{flex:1;padding:10px 8px}}
.directory-head,.appointments-head{text-align:center}.directory-head p,.appointments-head p{margin-left:auto;margin-right:auto}.directory-search{display:flex;max-width:620px;margin:28px auto 0;gap:10px}.directory-search input{min-width:0;flex:1;border:1px solid var(--line);border-radius:13px;background:#0b0b18;color:var(--text);padding:14px 16px}.directory-section,.appointments-section{padding-top:25px}.directory-results,.appointment-list{display:grid;gap:14px}.business-result,.appointment-item,.appointment-hint{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--line);border-radius:20px;padding:24px;background:rgba(18,18,37,.82)}.business-result h2,.appointment-item h2{margin:5px 0;font-size:24px}.business-result p,.appointment-item p,.appointment-item small{margin:0;color:var(--muted)}.appointment-date{min-width:58px;text-align:center;border:1px solid var(--line);border-radius:14px;padding:8px}.appointment-date strong,.appointment-date span{display:block}.appointment-date strong{font-size:25px;color:var(--cyan)}.appointment-date span{text-transform:uppercase;font-size:11px}.appointment-item>div:nth-child(2){flex:1}.booking-status{border-radius:20px;padding:7px 10px;background:#173f39;color:#83f0de;font-size:12px;font-weight:800}.appointment-hint{justify-content:center;color:var(--muted)}@media(max-width:850px){.topbar nav>a:nth-child(1),.topbar nav>a:nth-child(2){display:none}.directory-search{flex-direction:column}.business-result,.appointment-item{align-items:flex-start;flex-direction:column;gap:13px}.business-result .button{width:100%}.booking-status{align-self:flex-start}}
.business-identity{max-width:1128px;margin:0 auto 18px;padding:24px 28px;display:grid;grid-template-columns:1fr 2fr auto;gap:20px;align-items:center}.business-identity h2{margin:5px 0}.business-identity p{color:var(--muted);font-size:13px;margin:0}.identity-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}.identity-form label{font-size:12px;font-weight:800}.identity-form input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:#0b0b18;color:var(--text);padding:9px}.business-logo-preview,.business-logo-empty,.public-business-logo{width:76px;height:76px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.business-logo-empty{display:grid;place-items:center;color:var(--muted);font-size:11px;font-weight:900;background:#17162f}.public-business-logo{display:block;margin-bottom:14px}@media(max-width:850px){.business-identity,.identity-form{grid-template-columns:1fr}.business-logo-preview,.business-logo-empty{order:-1}}
.topbar nav form{margin:0}.business-identity{grid-template-columns:1fr 2fr auto}.share-link{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px}.share-link span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:7px}.share-link div{display:flex;gap:8px}.share-link input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;background:#0b0b18;color:var(--muted);padding:9px}@media(max-width:850px){.share-link div{flex-direction:column}}
.service-row{align-items:flex-start}.service-photo-form{display:flex;gap:8px;align-items:center;margin-top:10px}.service-photo-form input{max-width:210px;color:var(--muted);font-size:11px}.service-photo-thumbs{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.service-photo-thumbs span{position:relative}.service-photo-thumbs img{width:54px;height:54px;object-fit:cover;border:1px solid var(--line);border-radius:9px}.service-photo-thumbs form{position:absolute;right:-5px;top:-7px}.service-photo-thumbs button{border:0;border-radius:50%;width:18px;height:18px;background:var(--danger);color:#fff;cursor:pointer}.public-service-photo{width:76px;height:76px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}@media(max-width:520px){.service-photo-form{align-items:flex-start;flex-direction:column}}
.panel-head{position:relative}.panel-settings{position:absolute;right:28px;top:8px;z-index:3}.panel-settings summary{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:14px;background:#17162f;list-style:none;font-size:24px}.panel-settings summary::-webkit-details-marker{display:none}.panel-settings-box{position:absolute;right:0;margin-top:10px;width:min(410px,calc(100vw - 36px));padding:20px;border:1px solid var(--line);border-radius:18px;background:#15152b;box-shadow:var(--shadow)}.panel-settings-box p{font-size:13px;color:var(--muted);margin:8px 0 15px}.settings-form{display:grid;gap:10px}.settings-form label{font-size:12px;font-weight:800}.settings-form input{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:9px;background:#0b0b18;color:var(--text);padding:9px}.panel-settings-box .business-logo-preview{margin-top:12px}@media(max-width:520px){.panel-settings{right:18px;top:5px}}