:root{--gold:#d8aa50;--gold2:#f7dc8a;--black:#07070a;--panel:#121217;--line:#ffffff1f;--muted:#aaa3b2;--text:#fff}body[data-theme=light]{--black:#f3f0eb;--panel:#fff;--line:#0000001a;--muted:#5e5763;--text:#14141a}body[data-theme=light] .app{background:radial-gradient(circle at 85% 0%, #d8aa501a, transparent 34%), radial-gradient(circle at 0 45%, #6046ff0d, transparent 32%), var(--black)}*{box-sizing:border-box}body{background:var(--black);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app{background:radial-gradient(circle at 85% 0%, #d8aa502e, transparent 34%), radial-gradient(circle at 0 45%, #6046ff1f, transparent 32%), var(--black);min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:10;background:linear-gradient(#0d0d13,#050506);width:285px;padding:24px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}body[data-theme=light] .sidebar{background:linear-gradient(#fff,#f3f0eb)}.main{margin-left:285px;padding:28px}.logoWrap{align-items:center;gap:14px;margin-bottom:28px;display:flex}.logo{color:#000;background:#fff;border:4px solid #fff;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;overflow:hidden}.logo img{object-fit:cover;border-radius:50%;width:100%;height:100%}.ron{text-align:center;font-family:Georgia,serif;font-size:20px;font-weight:900;line-height:.9}.sub{font-size:7px;font-weight:900}.face{text-align:center;font-size:20px}.brand h1{margin:0;font-size:21px}.brand p{color:var(--gold);margin:3px 0}.nav{flex-direction:column;gap:8px;display:flex}.nav button{color:#ddd;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;padding:14px;transition:background .15s;display:flex}body[data-theme=light] .nav button{color:#444}.nav button.active,.nav button:hover{color:var(--text);background:linear-gradient(135deg,#d8aa502e,#ffffff0d)}.foot{border:1px solid var(--line);background:#ffffff0f;border-radius:20px;margin-top:22px;padding:14px}.top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:12px;font-weight:900}.top h2{align-items:center;gap:10px;margin:6px 0 0;font-size:34px;display:flex}.badge{color:var(--gold2);background:#d8aa501a;border:1px solid #d8aa5059;border-radius:999px;padding:12px 16px;font-weight:900}.grid{gap:18px;display:grid}.grid2{grid-template-columns:1.1fr .9fr}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid7{grid-template-columns:repeat(7,minmax(0,1fr))}.card{border:1px solid var(--line);background:linear-gradient(#ffffff13,#ffffff0a);border-radius:28px;padding:22px;box-shadow:0 24px 70px #00000040}body[data-theme=light] .card{background:#fff;box-shadow:0 12px 40px #0000000f}.light{color:#111;background:#fff}.metric{align-items:center;gap:16px;display:flex}.metricIcon{width:52px;height:52px;color:var(--gold);background:#d8aa5024;border-radius:18px;place-items:center;display:grid}.metric strong{font-size:33px;display:block}.muted{color:var(--muted);line-height:1.5}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.btn{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#07070a;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px 17px;font-weight:900;text-decoration:none;transition:transform .1s,opacity .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.secondary{color:var(--text);border:1px solid var(--line);background:#ffffff14}body[data-theme=light] .btn.secondary{color:#111;background:#f0eee8}.btn.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#f87171)}.btn.small{border-radius:12px;padding:8px 12px;font-size:13px}.pill{color:var(--gold2);background:#d8aa501f;border:1px solid #d8aa503d;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:900;display:inline-flex}.ok{color:#86efac;background:#22c55e21;border-color:#22c55e3d}.warn{color:#fcd34d;background:#f59e0b21;border-color:#f59e0b3d}.bad{color:#fca5a5;background:#ef444421;border-color:#ef44443d}.appt{border:1px solid var(--line);background:#ffffff0e;border-radius:20px;grid-template-columns:82px 1fr auto;align-items:center;gap:14px;margin-bottom:10px;padding:16px;display:grid}.time{color:var(--gold2);font-size:19px;font-weight:950}.appt small{color:var(--muted);display:block}.barberCard{padding:0;overflow:hidden}.barberPhoto{background:#333;height:255px;overflow:hidden}.barberPhoto img{object-fit:cover;width:100%;height:100%}.barberInfo{padding:20px}.stars{color:#facc15}.service{border:1px solid var(--line);background:#ffffff0e;border-radius:22px;padding:18px}body[data-theme=light] .service,body[data-theme=light] .appt,body[data-theme=light] .colorRow{background:#f9f7f3}body[data-theme=light] .notice{background:linear-gradient(135deg, var(--gold), var(--gold2))}body[data-theme=light] .tabs button.active{color:#8a6a1f;background:#d8aa502e}body[data-theme=light] .modalCard{background:#fff}body[data-theme=light] .foot{background:#0000000a}.servicePrice{color:var(--gold2);font-size:28px;font-weight:950}body[data-theme=light] .servicePrice,body[data-theme=light] .time,body[data-theme=light] .kicker,body[data-theme=light] .brand p{color:#8a6a1f}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0f0f13;border-radius:16px;margin-top:6px;padding:13px}body[data-theme=light] input,body[data-theme=light] select,body[data-theme=light] textarea{color:#111;background:#f7f7fb}textarea{resize:vertical;min-height:90px;font-family:inherit}label{color:#c9c2ce;margin-top:12px;font-size:13px;font-weight:900;display:block}body[data-theme=light] label{color:#5b5367}.bookingWidget{color:#14141a;background:#fff;border-radius:28px;padding:22px}.bookingWidget input,.bookingWidget select,.bookingWidget textarea{color:#111;background:#f7f7fb;border:1px solid #e5e1ef}.bookingWidget label{color:#5b5367}.publicHero{border:1px solid var(--line);background:linear-gradient(135deg,#000,#222);border-radius:34px;min-height:340px;position:relative;overflow:hidden}.publicHero:before{content:"";opacity:.32;background:url(https://images.unsplash.com/photo-1622286342621-4bd786c2447c?q=80&w=1600&auto=format&fit=crop) 50%/cover;position:absolute;inset:0}.publicHeroContent{z-index:2;max-width:650px;padding:42px;position:relative}.publicHero h1{color:#fff;margin:12px 0;font-size:56px;line-height:.98}.notice{border-left:4px solid var(--gold);background:#d8aa5014;border-radius:12px;padding:12px 14px}.phone{border:1px solid var(--line);background:#050505;border-radius:36px;max-width:360px;margin:auto;padding:18px}.screen{background:#101014;border-radius:26px;min-height:480px;padding:18px}.msg{color:#fff;background:#25252b;border-radius:16px;max-width:82%;margin-bottom:10px;padding:12px 14px}.msg.me{background:var(--gold);color:#000;margin-left:auto;font-weight:800}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:22px;padding-bottom:12px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.tabs button.active{color:var(--gold2);background:#d8aa501f;border-color:#d8aa5047}.tabs button:hover:not(.active){color:var(--text)}.colorRow{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;align-items:center;gap:14px;margin-bottom:10px;padding:12px;display:flex}.colorRow input[type=color]{border:2px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;width:52px;height:52px;margin:0;padding:0}.colorRow .colorInfo{flex:1}.colorRow .colorInfo b{font-size:14px;display:block}.colorRow .colorInfo small{color:var(--muted);font-size:12px}.colorRow .hex{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.logoUploader{border:2px dashed var(--line);border-radius:20px;align-items:center;gap:18px;padding:18px;display:flex}.logoUploader .preview{border:1px solid var(--line);background:#ffffff0f;border-radius:22px;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.logoUploader .preview img{object-fit:cover;width:100%;height:100%}.staffRow{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;margin-bottom:12px;padding:16px}.staffRow .head{justify-content:space-between;align-items:center;gap:12px;display:flex}.staffRow .head h3{margin:0;font-size:17px}.permGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:12px;display:grid}.permGrid label{cursor:pointer;background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.permGrid input[type=checkbox]{width:auto;margin:0;padding:0}.toast{z-index:99;color:#111;background:#fff;border-radius:16px;padding:14px 18px;font-weight:900;animation:.3s slideIn;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 40px #00000040}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.sidebar{width:auto;position:relative}.foot{margin-top:16px;position:static}.main{margin-left:0;padding:16px}.grid2,.grid3,.grid4{grid-template-columns:1fr}.top{flex-direction:column}.appt{grid-template-columns:1fr}.publicHero h1{font-size:40px}}.authShell{background:radial-gradient(circle at 85% 0%, #d8aa5038, transparent 40%), radial-gradient(circle at 0 80%, #6046ff26, transparent 38%), var(--black);place-items:center;min-height:100vh;padding:20px;display:grid}.authCard{background:var(--panel);border:1px solid var(--line);border-radius:28px;width:100%;max-width:440px;padding:36px;box-shadow:0 24px 70px #0006}.authBrand{text-align:center;margin-bottom:8px}.authBrand h1{margin:12px 0 4px;font-size:28px}.authBrand p{margin:0}.authLogo{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#000;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto;font-size:36px;font-weight:900;display:grid}.authDivider{color:var(--muted);text-transform:uppercase;align-items:center;gap:12px;margin:24px 0;font-size:13px;display:flex}.authDivider:before,.authDivider:after{content:"";background:var(--line);flex:1;height:1px}.inputIcon{align-items:center;margin-top:6px;display:flex;position:relative}.inputIcon svg{color:var(--muted);pointer-events:none;position:absolute;left:14px}.inputIcon input{margin-top:0;padding-left:40px}.linkBtn{color:var(--gold2);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:14px;font-weight:700;text-decoration:underline}.linkBtn.inline{padding:0;display:inline}.onboardingShell{background:radial-gradient(circle at 85% 0%, #d8aa5038, transparent 40%), var(--black);min-height:100vh;padding:20px 20px 60px}.onboardingCard{background:var(--panel);border:1px solid var(--line);border-radius:28px;max-width:760px;margin:40px auto;padding:40px;box-shadow:0 24px 70px #0006}.stepper{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.step{border:1px solid var(--line);opacity:.5;background:#ffffff0a;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:120px;padding:10px;display:flex}.step.active{opacity:1;background:#d8aa5014;border-color:#d8aa5080}.step.done{opacity:.8;border-color:#22c55e66}.stepNum{background:#ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:grid}.step.active .stepNum{background:var(--gold);color:#000}.step.done .stepNum{color:#fff;background:#22c55e}.stepLabel{font-size:13px;font-weight:700}.businessGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px;display:grid}.businessCard{text-align:left;border:2px solid var(--line);cursor:pointer;color:var(--text);background:#ffffff0a;border-radius:18px;padding:18px;transition:all .15s}.businessCard:hover{border-color:#d8aa5066}.businessCard.selected{border-color:var(--gold);background:#d8aa501a}.bcIcon{margin-bottom:8px;font-size:32px}.bcLabel{margin-bottom:4px;font-size:15px;font-weight:900}.bcDesc{color:var(--muted);font-size:12px}.slugInput{border:1px solid var(--line);background:#0f0f13;border-radius:16px;align-items:stretch;margin-top:6px;display:flex;overflow:hidden}.slugInput span{color:var(--muted);border-right:1px solid var(--line);background:#ffffff0a;padding:13px 12px 13px 16px;font-size:14px}.slugInput input{background:0 0;border:0;border-radius:0;margin:0}.summary{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;margin-top:18px;padding:18px}.summaryRow{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;display:flex}.summaryRow:last-child{border-bottom:0}.summaryRow span{color:var(--muted)}.modalBackdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modalCard{background:var(--panel);border:1px solid var(--line);border-radius:24px;width:100%;max-width:520px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 24px 70px #00000080}.modalCard.wide{max-width:880px}.iconBtn{border:1px solid var(--line);cursor:pointer;color:var(--text);background:#ffffff0f;border-radius:10px;place-items:center;padding:6px;display:grid}.iconBtn:hover{background:#ffffff1f}.trialBanner{background:#d8aa501a;border:1px solid #d8aa504d;border-radius:18px;align-items:center;gap:14px;margin-bottom:18px;padding:16px 20px;display:flex}.trialBanner.expired{background:#ef44441a;border-color:#ef444459}.trialBanner b{font-size:15px}.trialBanner p{color:var(--muted);margin:2px 0 0;font-size:13px}.trialBanner>div:nth-child(2){flex:1}.planCard{flex-direction:column;display:flex;position:relative}.planCard[data-current=true]{border-color:var(--gold);background:linear-gradient(#d8aa5014,#ffffff0a)}.planBadge{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#000;letter-spacing:.04em;border-radius:999px;padding:4px 14px;font-size:11px;font-weight:900;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.featureList{margin:0;padding:0;list-style:none}.featureList li{color:var(--muted);align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.featureList svg{color:var(--gold2);flex-shrink:0}.publicShell{background:radial-gradient(circle at 85% 0%, #d8aa5038, transparent 38%), var(--black);min-height:100vh;padding:20px}.publicWrap{max-width:1100px;margin:0 auto}@media (width<=700px){.authCard,.onboardingCard{padding:24px}.stepper{flex-direction:column}.step{flex:100%}}