:root{--brand:#236b5b;--brand-2:#e5f3ee;--brand-dark:#174d42;--ink:#17201e;--muted:#71807c;--bg:#f7f9f8;--card:#fff;--line:#e8eceb;--danger:#d64c4c;--amber:#f2a83b;--shadow:0 10px 35px rgba(25,52,45,.08);--radius:22px;--font:'Vazirmatn',Tahoma,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px}.icon{font-size:19px;line-height:1}.app{min-height:100vh}.container{width:min(1180px,100%);margin:auto;padding:0 18px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(247,249,248,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;cursor:pointer}.brand-mark{width:40px;height:40px;border-radius:14px;background:var(--brand);color:white;display:grid;place-items:center;box-shadow:0 6px 18px rgba(35,107,91,.25)}.location{color:var(--muted);font-size:12px}.location b{display:block;color:var(--ink);font-size:13px;margin-top:2px}.top-actions{display:flex;gap:8px}.round-btn,.back-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer;color:var(--ink)}button{font-family:inherit}.hero{padding:22px 0 12px}.welcome{font-size:28px;margin:0 0 6px;font-weight:800;line-height:1.45}.welcome small{display:block;font-size:14px;color:var(--muted);font-weight:500}.search{height:58px;background:var(--card);border:1px solid var(--line);border-radius:18px;margin-top:20px;display:flex;align-items:center;padding:0 16px;gap:12px;box-shadow:0 8px 24px rgba(20,35,30,.04);cursor:pointer}.search span{color:var(--muted);flex:1}.shortcut-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 26px}.shortcut{text-align:center;cursor:pointer}.shortcut-icon{width:58px;height:58px;border-radius:20px;margin:auto auto 7px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;font-size:22px;transition:.2s}.shortcut:hover .shortcut-icon{transform:translateY(-3px);background:var(--brand-2)}.shortcut:nth-child(n+5){display:none}.shortcut label{font-size:12px}.section{margin:20px 0 30px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:19px;margin:0}.link{border:0;background:none;color:var(--brand);font-weight:700;cursor:pointer}.salon-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:.2s}.salon-card:hover{transform:translateY(-3px)}.salon-img{height:190px;background:url('public/assets/salon-hero.png') center/cover;position:relative}.salon-img:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,17,.5),transparent 55%)}.badge{background:var(--brand);color:#fff;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex;gap:5px}.salon-img .badge{position:absolute;z-index:2;right:12px;top:12px}.heart{position:absolute;left:12px;top:12px;z-index:2;background:rgba(255,255,255,.92);border:0;width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer}.salon-body{padding:15px}.title-row{display:flex;justify-content:space-between;align-items:flex-start}.title-row h3{margin:0;font-size:17px}.rating{font-weight:700;font-size:13px}.rating i{color:var(--amber);font-style:normal}.meta{display:flex;gap:8px;color:var(--muted);font-size:12px;margin:8px 0;flex-wrap:wrap}.meta span+span:before{content:'•';margin-left:8px}.slot-note{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;align-items:center}.slot-note strong{color:var(--brand)}.horizontal{display:flex;gap:12px;overflow:auto;padding:2px 1px 12px;scrollbar-width:none}.horizontal::-webkit-scrollbar{display:none}.barber-card{min-width:158px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:15px;text-align:center}.avatar{width:66px;height:66px;border-radius:23px;margin:auto;background:linear-gradient(145deg,#d5e9e2,#91b8ad);display:grid;place-items:center;font-size:30px;overflow:hidden}.barber-card h3{margin:9px 0 2px}.barber-card p{margin:0 0 7px;color:var(--muted);font-size:11px}.promo{min-width:270px;border-radius:22px;padding:20px;color:white;background:linear-gradient(135deg,#174d42,#398b77);position:relative;overflow:hidden}.promo:after{content:'%';position:absolute;left:-5px;bottom:-35px;font-size:120px;opacity:.08;font-weight:900}.promo h3{font-size:18px;margin:0 0 5px}.promo p{opacity:.8;margin:0 0 14px}.promo button{border:0;border-radius:12px;background:white;color:var(--brand);padding:9px 15px;font-weight:800}.bottom-nav{position:fixed;bottom:0;right:0;left:0;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:40}.nav-item{border:0;background:none;color:#89938f;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;min-width:58px;cursor:pointer}.nav-item .icon{font-size:20px}.nav-item.active{color:var(--brand);font-weight:800}.page{padding-bottom:92px}.page-head{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.page-title{font-size:20px;margin:0}.cover{height:260px;background:url('public/assets/salon-hero.png') center/cover;border-radius:0 0 28px 28px;position:relative}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,24,20,.72),transparent 60%);border-radius:inherit}.cover-info{position:absolute;z-index:2;color:#fff;bottom:20px;right:20px;left:20px}.cover-info h1{margin:0 0 4px;font-size:25px}.cover-info p{margin:0;opacity:.85}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.mini-action{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:12px 4px;color:var(--ink);cursor:pointer}.mini-action span{display:block;font-size:18px;margin-bottom:4px}.tabs{display:flex;border-bottom:1px solid var(--line);overflow:auto;position:sticky;top:74px;background:var(--bg);z-index:20}.tab{border:0;background:none;padding:14px 15px;color:var(--muted);white-space:nowrap;cursor:pointer}.tab.active{color:var(--brand);font-weight:800;border-bottom:2px solid var(--brand)}.service-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:15px;margin-bottom:10px}.service-icon{width:48px;height:48px;border-radius:16px;background:var(--brand-2);display:grid;place-items:center;font-size:21px}.service-info{flex:1}.service-info h3{margin:0 0 4px;font-size:15px}.service-info p{margin:0;color:var(--muted);font-size:12px}.service-info strong{display:block;margin-top:7px}.select-btn,.primary,.secondary{border:0;border-radius:14px;padding:11px 16px;font-weight:800;cursor:pointer}.select-btn{background:var(--brand-2);color:var(--brand)}.primary{background:var(--brand);color:#fff}.secondary{background:var(--card);color:var(--brand);border:1px solid var(--brand)}.sticky-cta{position:fixed;bottom:68px;right:0;left:0;padding:12px 18px;background:linear-gradient(0deg,var(--bg) 70%,transparent);z-index:25}.sticky-cta button{width:100%;height:54px;font-size:15px}.booking-wrap{max-width:650px;margin:auto}.progress{display:flex;gap:6px;margin:10px 0 25px}.progress i{height:5px;background:var(--line);border-radius:5px;flex:1}.progress i.active{background:var(--brand)}.booking-title h1{font-size:24px;margin:15px 0 4px}.booking-title p{margin:0;color:var(--muted)}.choice{display:flex;align-items:center;gap:12px;background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:15px;margin:10px 0;cursor:pointer}.choice.selected{border-color:var(--brand);background:var(--brand-2)}.radio{width:22px;height:22px;border:2px solid #bfc8c5;border-radius:50%;display:grid;place-items:center}.selected .radio{border-color:var(--brand)}.selected .radio:after{content:'';width:11px;height:11px;background:var(--brand);border-radius:50%}.choice-info{flex:1}.choice-info h3{margin:0 0 4px;font-size:15px}.choice-info p{margin:0;color:var(--muted);font-size:12px}.price{font-weight:800}.dates{display:flex;gap:9px;overflow:auto;padding:8px 0 14px;scrollbar-width:none}.date{min-width:70px;padding:12px 7px;background:var(--card);border:1.5px solid var(--line);border-radius:17px;text-align:center;cursor:pointer}.date b{display:block;margin-top:6px;font-size:16px}.date.selected{background:var(--brand);color:#fff;border-color:var(--brand)}.time-title{margin:18px 0 9px;font-size:13px;color:var(--muted)}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.time{height:45px;border:1.5px solid var(--line);background:var(--card);border-radius:13px;font-weight:700;cursor:pointer}.time.selected{background:var(--brand-2);border-color:var(--brand);color:var(--brand)}.time:disabled{opacity:.35;text-decoration:line-through}.booking-footer{position:fixed;bottom:0;right:0;left:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);z-index:50}.booking-footer .inner{max-width:650px;margin:auto;display:flex;align-items:center;gap:12px}.booking-footer button{height:52px;flex:1}.total small{display:block;color:var(--muted)}.summary{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;margin-top:18px}.summary-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px dashed var(--line)}.summary-row:last-child{border:0}.summary-row span{color:var(--muted)}.summary-row.final{font-size:17px;font-weight:800}.summary-row.final span,.success{color:var(--brand)}.coupon{display:flex;gap:8px;margin-top:14px}.coupon input{flex:1;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:13px;font-family:inherit;outline:none}.success-page{text-align:center;padding-top:30px}.success-mark{width:100px;height:100px;border-radius:50%;background:var(--brand-2);color:var(--brand);font-size:45px;display:grid;place-items:center;margin:20px auto;animation:pop .45s ease}.success-page h1{font-size:24px}.success-page>p{color:var(--muted)}@keyframes pop{from{transform:scale(.4);opacity:0}}.ticket{text-align:right;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;margin:26px 0;box-shadow:var(--shadow)}.ticket-code{text-align:center;border-top:1px dashed var(--line);padding-top:15px;margin-top:10px;color:var(--muted);letter-spacing:2px}.dashboard{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#143c34;color:white;padding:25px 18px;position:sticky;top:0;height:100vh}.sidebar .brand{margin-bottom:35px}.side-item{padding:12px 14px;border-radius:13px;margin:4px 0;color:#b8cec8;cursor:pointer}.side-item.active,.side-item:hover{background:rgba(255,255,255,.1);color:white}.dash-main{padding:28px}.dash-head{display:flex;justify-content:space-between;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px}.stat-icon{width:42px;height:42px;background:var(--brand-2);border-radius:14px;display:grid;place-items:center}.stat h3{font-size:23px;margin:16px 0 2px}.stat p{margin:0;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px}.chart{height:220px;display:flex;align-items:flex-end;gap:12px;padding-top:30px}.bar{flex:1;background:linear-gradient(0deg,var(--brand),#7db5a6);border-radius:8px 8px 2px 2px;position:relative}.bar span{position:absolute;bottom:-25px;right:0;left:0;text-align:center;font-size:10px;color:var(--muted)}.appointment{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.appointment:last-child{border:0}.app-time{font-weight:800;color:var(--brand)}.appointment p{margin:2px 0;color:var(--muted);font-size:12px}.toast{position:fixed;right:50%;transform:translateX(50%) translateY(120px);bottom:90px;background:#17352e;color:#fff;padding:13px 20px;border-radius:14px;z-index:100;opacity:0;transition:.3s;white-space:nowrap}.toast.show{opacity:1;transform:translateX(50%) translateY(0)}.sheet-backdrop{position:fixed;inset:0;background:rgba(7,16,13,.5);z-index:80;display:flex;align-items:flex-end}.sheet{background:var(--card);border-radius:28px 28px 0 0;width:100%;padding:18px;animation:up .25s}.handle{width:44px;height:5px;background:#d8dddb;border-radius:8px;margin:0 auto 20px}@keyframes up{from{transform:translateY(100%)}}.filter-chip{border:1px solid var(--line);border-radius:30px;background:var(--card);padding:9px 13px;margin:4px;font-family:inherit}.filter-chip.active{background:var(--brand-2);border-color:var(--brand);color:var(--brand)}
body.dark{--ink:#edf5f2;--muted:#9daca7;--bg:#101815;--card:#17221e;--line:#293832;--brand-2:#1d3d34;--shadow:0 10px 35px rgba(0,0,0,.18)}body.dark .topbar{background:rgba(16,24,21,.92)}body.dark .bottom-nav{background:rgba(23,34,30,.96)}
@media(min-width:760px){.container{padding:0 28px}.shortcut-row{grid-template-columns:repeat(8,1fr)}.shortcut:nth-child(n){display:block}.salon-card{display:grid;grid-template-columns:46% 1fr}.salon-img{height:250px}.salon-body{padding:24px}.bottom-nav{width:520px;right:50%;transform:translateX(50%);border-radius:24px 24px 0 0}.sticky-cta{right:50%;transform:translateX(50%);width:650px}.hero{max-width:760px;margin:auto}.home-sections{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.home-sections .section:first-child{grid-row:span 2}.cover{border-radius:28px;margin-top:12px}.time-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.dashboard{display:block}.sidebar{display:none}.dash-main{padding:18px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.dash-head h1{font-size:21px}}@media(max-width:420px){.welcome{font-size:24px}.salon-img{height:165px}.cover{height:230px}.stat-grid{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat h3{font-size:18px}}

html{-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:none}button,.shortcut,.choice,.date,.salon-card{touch-action:manipulation}@media(display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top);height:calc(74px + env(safe-area-inset-top))}.bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}

/* Refined mobile experience */
.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.clean-home .topbar{height:70px}.location-pill{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);padding:5px 0;text-align:right;cursor:pointer}.location-pill .icon{width:20px;color:var(--brand)}.location-pill span{display:flex;flex-direction:column;line-height:1.3}.location-pill small{color:var(--muted);font-size:10px;font-weight:500}.location-pill b{font-size:13px}.location-pill i{font-style:normal;color:var(--muted);margin-right:2px}.clean-home .hero{padding:14px 0 4px}.hello span{color:var(--muted);font-weight:500}.hello h1{font-size:23px;line-height:1.55;margin:5px 0 18px;letter-spacing:-.5px}.clean-home .search{width:100%;border:0;text-align:right;margin:0;height:56px;box-shadow:0 7px 22px rgba(29,55,48,.07);color:var(--muted)}.clean-home .search .icon:last-child{width:19px;color:var(--brand)}.clean-home .shortcut-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0 22px}.clean-home .shortcut{display:flex!important;min-width:0;padding:0;border:0;background:transparent;flex-direction:column;align-items:center;color:var(--ink)}.clean-home .shortcut-icon{width:54px;height:54px;border-radius:18px;background:var(--brand-2);border:0;color:var(--brand);font-size:19px;font-weight:800;margin:0 0 7px;box-shadow:none}.clean-home .shortcut label{font-size:11px;white-space:nowrap}.clean-home .section{margin:18px 0 26px}.clean-home .section-head{margin-bottom:12px}.clean-home .section-head h2{font-size:17px}.clean-home .link{display:flex;align-items:center;gap:3px;font-size:11px}.clean-home .link .icon{width:14px;height:14px}.clean-home .salon-card{display:block;box-shadow:none;border:0;background:transparent;transform:none}.clean-home .salon-img{height:178px;border-radius:22px}.clean-home .salon-img:after{border-radius:22px}.clean-home .salon-body{padding:13px 2px}.clean-home .salon-body .meta{margin:6px 0}.clean-home .salon-body>p{display:none}.clean-home .slot-note{border:0;padding-top:5px}.clean-home .slot-note span{font-size:11px;color:var(--muted)}.clean-home .slot-note strong{font-size:12px}.clean-home .badge{font-size:10px;padding:6px 9px}.clean-home .heart{width:36px;height:36px;display:grid;place-items:center}.free-times .section-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.quick-slot{min-width:270px;height:72px;border:1px solid var(--line);background:var(--card);border-radius:18px;display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--ink);text-align:right}.slot-avatar{width:44px;height:44px;border-radius:15px;background:var(--brand-2);color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:17px}.quick-slot>span:nth-child(2){display:flex;flex-direction:column;flex:1}.quick-slot small{color:var(--muted);margin-top:3px}.quick-slot strong{color:var(--brand);background:var(--brand-2);padding:7px 9px;border-radius:10px}.bottom-nav{justify-content:center;gap:8px;padding-top:7px;box-shadow:0 -8px 30px rgba(27,47,41,.05)}.nav-item{flex:1;max-width:95px;height:49px;justify-content:center;gap:2px}.nav-item .icon{font-size:initial;width:21px;height:21px}.nav-item.active{position:relative}.nav-item.active:after{content:'';position:absolute;bottom:0;width:18px;height:3px;background:var(--brand);border-radius:4px}.top-actions{margin-right:auto}.round-btn{box-shadow:none}.back-btn .icon{transform:rotate(180deg)}
@media(min-width:760px){.clean-home main.container{max-width:780px}.clean-home .home-sections{display:block}.clean-home .salon-img{height:300px}.clean-home .shortcut-icon{width:62px;height:62px}.clean-home .shortcut label{font-size:13px}}
.salon-img,.cover{background-image:url('../images/salon-inclusive.png')}
.salon-img,.cover{background-image:url('../images/salon-inclusive.png')}.scope-notice{display:flex;gap:11px;align-items:center;background:var(--brand-2);color:var(--brand);padding:13px 14px;border-radius:17px;margin:10px 0 18px}.scope-notice .icon{flex:0 0 auto}.scope-notice span{display:flex;flex-direction:column}.scope-notice small{color:var(--muted);margin-top:3px}.scoped .section-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.locked-chip{width:max-content;margin:14px 0 4px;background:var(--brand-2);color:var(--brand);border-radius:20px;padding:7px 11px;font-size:11px;font-weight:700}.invite-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:white;padding:17px 19px;border-radius:20px;margin-top:20px}.invite-panel h3{margin:0 0 4px}.invite-panel p{margin:0;opacity:.78;font-size:12px}.invite-panel button{background:white;color:var(--brand);white-space:nowrap}

.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr;background:var(--card)}.auth-visual{min-height:235px;padding:24px 22px 28px;color:white;background:linear-gradient(150deg,rgba(19,67,56,.95),rgba(35,107,91,.78)),url('../images/salon-inclusive.png') center/cover;display:flex;flex-direction:column;justify-content:space-between;border-radius:0 0 32px 32px}.auth-brand{display:flex;align-items:center;gap:9px;font-size:18px}.auth-brand .brand-mark{background:white;color:var(--brand);box-shadow:none}.auth-kicker{font-size:12px;opacity:.78}.auth-visual h1{font-size:27px;line-height:1.5;margin:5px 0}.auth-visual p{margin:0;opacity:.8;font-size:12px}.auth-card{padding:25px 20px 35px;max-width:460px;width:100%;margin:0 auto}.auth-head h2{font-size:22px;margin:0 0 5px}.auth-head p{color:var(--muted);margin:0 0 18px}.role-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--bg);padding:4px;border-radius:15px;margin-bottom:20px}.role-switch button{height:41px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-weight:700}.role-switch button.active{background:var(--card);color:var(--brand);box-shadow:0 4px 14px rgba(25,52,45,.08)}.field-label{display:block;font-size:12px;font-weight:700;margin:14px 2px 7px}.auth-input{height:53px;border:1px solid var(--line);background:var(--bg);border-radius:15px;display:flex;align-items:center;padding:0 13px;gap:9px}.auth-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-2)}.auth-input span{direction:ltr;color:var(--muted);font-size:12px;white-space:nowrap}.auth-input input{border:0;outline:0;background:transparent;color:var(--ink);font-family:inherit;font-size:14px;flex:1;min-width:0}.auth-input button{border:0;background:transparent;color:var(--brand);font-size:11px}.auth-submit{width:100%;height:53px;margin-top:20px;font-size:14px}.auth-terms{text-align:center;color:var(--muted);font-size:10px;line-height:1.8;margin:14px 0 0}@media(min-width:800px){.auth-page{grid-template-columns:1.05fr .95fr}.auth-visual{min-height:100vh;border-radius:0 0 0 42px;padding:46px}.auth-visual h1{font-size:42px}.auth-card{align-self:center;padding:40px}}

.future-sms{margin-top:14px;background:var(--brand-2);color:var(--brand);padding:11px;border-radius:13px;font-size:11px;text-align:center}.phone-preview{display:flex;align-items:center;gap:9px;background:var(--brand-2);padding:12px;border-radius:14px;margin-bottom:16px}.phone-preview span{color:var(--muted);font-size:11px}.phone-preview b{direction:ltr;flex:1}.phone-preview button{border:0;background:transparent;color:var(--brand)}.barber-hero{display:flex;align-items:center;gap:16px;padding:22px 0}.barber-hero .avatar{margin:0;width:78px;height:78px;font-size:26px}.barber-hero h1{margin:0 0 4px}.barber-hero p{margin:0 0 7px;color:var(--muted)}.barber-hero span{color:var(--brand);font-size:12px}.full-cta{width:100%;min-height:50px}.specialist-strip{padding-top:18px}.specialist-card{min-width:270px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:18px;padding:12px;display:flex;align-items:center;gap:10px;text-align:right}.specialist-card>span:nth-child(2){display:flex;flex:1;flex-direction:column}.specialist-card small{color:var(--muted);margin-top:3px}.specialist-card strong{color:var(--brand)}.date.disabled{opacity:.32;filter:grayscale(1)}.computed-slots{margin-top:16px}.panel-welcome{background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:white;border-radius:0 0 25px 25px;padding:23px;margin:0 -18px 16px}.panel-welcome span,.panel-welcome p{opacity:.75}.panel-welcome h1{margin:4px 0}.panel-welcome p{margin:0}.staff-page .panel{margin-bottom:13px}.staff-page .section-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.work-days{display:flex;gap:7px;margin:16px 0}.work-days button{width:38px;height:38px;border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:12px}.work-days button.active{background:var(--brand);color:white;border-color:var(--brand)}.time-range{display:flex;align-items:center;gap:9px;margin-bottom:14px}.time-range label{flex:1;color:var(--muted);font-size:11px}.time-range input{width:100%;margin-top:5px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:10px;border-radius:11px}.staff-service{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.staff-service>div{display:flex;flex:1;flex-direction:column}.staff-service small{color:var(--muted);margin-top:3px}.staff-service>button{border:0;background:var(--bg);color:var(--danger);width:32px;height:32px;border-radius:10px}.add-service{display:grid;grid-template-columns:1fr 80px;gap:7px;margin-top:14px}.add-service input{min-width:0;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:11px;border-radius:11px;font-family:inherit}.add-service button{grid-column:1/-1}.logout-link{display:block;margin:18px auto;color:var(--danger)}.team-admin{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;margin-top:18px}.team-admin h3{margin:0}.team-admin p{color:var(--muted);margin:4px 0 13px}.team-form{display:flex;gap:8px}.team-form input{flex:1;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:11px;border-radius:12px;font-family:inherit}.staff-pill{display:inline-block;background:var(--brand-2);color:var(--brand);padding:7px 10px;border-radius:15px;margin:10px 4px 0 0;font-size:11px}@media(min-width:760px){.panel-welcome{margin:0 0 16px;border-radius:24px}.add-service{grid-template-columns:2fr 1fr 1.2fr auto}.add-service button{grid-column:auto}.staff-page{padding-top:16px}}

.super-admin{min-height:100vh;background:#f4f7f6;color:#17201e}.admin-sidebar{position:fixed;right:0;top:0;bottom:0;width:240px;background:#123d34;color:white;padding:24px 16px;display:flex;flex-direction:column;z-index:50}.admin-sidebar .brand{margin-bottom:30px}.admin-sidebar .brand div{display:flex;flex-direction:column}.admin-sidebar .brand small{font-weight:400;font-size:10px;opacity:.6}.admin-sidebar nav{display:flex;flex-direction:column;gap:5px}.admin-sidebar nav button{border:0;background:transparent;color:#b8cec8;border-radius:12px;padding:12px;text-align:right;font-family:inherit;display:flex;gap:12px}.admin-sidebar nav button.active,.admin-sidebar nav button:hover{background:rgba(255,255,255,.11);color:white}.admin-logout{margin-top:auto;border:0;background:transparent;color:#efaaa5;padding:12px}.admin-main{margin-right:240px;padding:25px 28px}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.admin-top small{color:var(--muted)}.admin-top h1{margin:2px 0;font-size:25px}.admin-profile{display:grid;grid-template-columns:auto 44px;column-gap:9px}.admin-profile span{font-size:10px;color:var(--muted)}.admin-profile b{font-size:12px}.admin-profile i{grid-row:1/3;grid-column:2;width:44px;height:44px;border-radius:14px;background:var(--brand);color:white;display:grid;place-items:center;font-style:normal}.admin-mobile-tabs{display:none}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.admin-stat-grid>div{background:white;border:1px solid #e5ebe8;border-radius:18px;padding:17px;display:flex;flex-direction:column}.admin-stat-grid.overview>div>span{width:40px;height:40px;border-radius:13px;background:#e5f3ee;color:var(--brand);display:grid;place-items:center}.admin-stat-grid b{font-size:21px;margin-top:9px}.admin-stat-grid small{color:var(--muted)}.admin-stat-grid em{font-style:normal;color:var(--brand);font-size:10px;margin-top:9px}.admin-dashboard-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:13px;margin-top:13px}.admin-panel{background:white;border:1px solid #e5ebe8;border-radius:20px;padding:19px;margin-bottom:13px}.admin-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.admin-panel-head h2,.admin-panel-head h3{margin:0}.admin-panel-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.report-bars{height:210px;display:flex;align-items:flex-end;gap:8px;padding-top:25px}.report-bars i{flex:1;min-height:10px;background:linear-gradient(#67a897,var(--brand));border-radius:6px 6px 2px 2px;position:relative}.report-bars i span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-style:normal;font-size:9px;color:var(--muted)}.report-bars.large{height:250px}.online-badge{color:#258568;background:#e5f3ee;padding:6px 9px;border-radius:13px;font-size:10px}.health-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0ef}.health-row b{color:var(--brand)}.activity-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0ef}.activity-row>span{width:34px;height:34px;border-radius:11px;background:#e5f3ee;color:var(--brand);display:grid;place-items:center}.activity-row>div{display:flex;flex-direction:column}.activity-row small{color:var(--muted);margin-top:3px}.admin-search{height:50px;border:1px solid #e2e8e6;background:#f7f9f8;border-radius:14px;display:flex;align-items:center;padding:0 13px;gap:9px;margin-bottom:12px}.admin-search input{flex:1;border:0;outline:0;background:transparent;font-family:inherit}.admin-search button{border:0;background:white;border-radius:10px;padding:7px 10px}.data-row{display:grid;grid-template-columns:46px 1.5fr .7fr .5fr 35px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0ef}.data-row>div{display:flex;flex-direction:column}.data-row small{color:var(--muted)}.data-row>button{border:0;background:transparent}.role-badge,.status-pill{width:max-content;background:#edf3f1;padding:6px 9px;border-radius:12px;font-size:10px}.status-dot{color:var(--brand);font-size:11px}.admin-role-box{background:#f4f8f6;border-radius:15px;padding:15px;margin-top:16px}.admin-role-box h3{margin:0}.admin-role-box p{color:var(--muted);font-size:11px}.salon-admin-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0ef}.salon-admin-logo{width:44px;height:44px;border-radius:13px;background:#e5f3ee;color:var(--brand);display:grid;place-items:center;font-weight:800}.salon-admin-row>div{display:flex;flex:1;flex-direction:column}.salon-admin-row small{color:var(--muted);margin-top:3px}.salon-admin-row>button{border:1px solid #dce4e1;background:white;color:var(--brand);border-radius:10px;padding:7px 11px}.booking-admin-row{display:grid;grid-template-columns:.8fr 1fr 1.5fr .7fr;gap:9px;padding:14px 0;border-bottom:1px solid #edf0ef}.booking-admin-row small{color:var(--muted)}.booking-admin-row em{font-style:normal;color:var(--brand)}.setting-row,.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf0ef}.setting-row span,.toggle-row span{display:flex;flex-direction:column}.setting-row small,.toggle-row small{color:var(--muted);margin-top:3px}.setting-row input{border:1px solid #dce4e1;border-radius:10px;padding:9px;font-family:inherit;text-align:left}.toggle-row input{accent-color:var(--brand);width:20px;height:20px}@media(max-width:850px){.admin-sidebar{display:none}.admin-main{margin:0;padding:17px 14px 30px}.admin-top{margin-bottom:13px}.admin-top h1{font-size:21px}.admin-mobile-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:12px;scrollbar-width:none}.admin-mobile-tabs button{min-width:73px;border:1px solid #e2e8e6;background:white;border-radius:13px;padding:8px;color:#71807c;display:flex;flex-direction:column;align-items:center}.admin-mobile-tabs button.active{background:var(--brand);color:white}.admin-mobile-tabs small{font-size:9px;margin-top:3px}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid{grid-template-columns:1fr}.data-row{grid-template-columns:42px 1fr auto 30px}.data-row .status-dot{display:none}.booking-admin-row{grid-template-columns:1fr 1fr}.team-form{flex-direction:column}.admin-profile span,.admin-profile b{display:none}.admin-panel{padding:15px}.setting-row{gap:8px}.setting-row input{width:130px}.report-bars.large{height:190px}}