:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8f1ed;background:#0d1715;font-synthesis:none;--bg:#0d1715;--surface:#15221f;--surface2:#1b2b26;--surface3:#22352f;--line:#2e4138;--ink:#e8f1ed;--muted:#9bafa4;--accent:#9fe3b8;--accent2:#5dc499;--danger:#f5a19f;--warning:#f2ce84;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}input,select,textarea{background:#111e1a;border:1px solid var(--line);border-radius:11px;padding:12px 13px;color:var(--ink);outline:none;width:100%;min-width:0}input:focus,select:focus,textarea:focus{border-color:#78c8a3;box-shadow:0 0 0 3px #78c8a31d}input[type=checkbox]{width:17px;min-width:17px;height:17px;accent-color:#8dd3ab}input[type=color]{height:47px;padding:5px}textarea{min-height:82px;resize:vertical}select option{color:var(--ink);background:var(--surface)}button,a,input,select{transition:background .16s,border-color .16s,transform .16s}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:#92d7a8;color:#092119}.i{width:18px;height:18px;vertical-align:middle;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.i.big{width:25px;height:25px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:800}.display{font-size:clamp(37px,5.5vw,76px);line-height:1.04;letter-spacing:-.065em;margin:12px 0 18px;font-weight:740}.display em{font-style:normal;color:var(--accent)}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.04em}h2{letter-spacing:-.04em}h3{letter-spacing:-.025em}p{line-height:1.65}.logo{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:14px;font-weight:850;letter-spacing:.115em}.logo-symbol{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#c2f1ce;color:#183c2d;font-weight:900;font-size:23px;letter-spacing:-.08em;box-shadow:0 6px 25px #78db9f20}.logo b{color:#b0eac3}.btn{border:1px solid transparent;background:var(--accent);color:#10281c;padding:11px 17px;border-radius:11px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:13px;font-weight:780;min-height:42px;white-space:nowrap}.btn:hover:not(:disabled){background:#baf0ca;transform:translateY(-1px)}.btn.secondary{background:var(--surface2);color:var(--ink);border-color:var(--line)}.btn.secondary:hover{background:var(--surface3)}.btn.outline{background:transparent;color:var(--ink);border-color:#48665a}.btn.outline:hover{background:var(--surface2)}.btn.danger{background:#462b2b;color:#ffd3d0;border-color:#694343}.btn.sm{padding:7px 10px;font-size:12px;min-height:32px}.btn.icon-only{padding:10px;min-width:42px}.btn.full{width:100%}.btn:active:not(:disabled){transform:scale(.98)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:5px 9px;background:#274336;color:#b8ecca;border:1px solid #395847;border-radius:100px;white-space:nowrap}.badge.pending{color:#f5d393;background:#403521;border-color:#5e5033}.badge.cancelled,.badge.no_show{color:#f0b4b1;background:#442c2c;border-color:#674141}.badge.completed{color:#a4d5ef;background:#234052;border-color:#33596c}.badge.info{color:#c4d9cf;background:#273930;border-color:#375448}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:23px}.card.soft{background:var(--surface2)}.card.flat{box-shadow:none}.stack{display:grid;gap:17px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:700;color:#bccfc3}.field .hint{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-full{grid-column:1/-1}.separator{height:1px;background:var(--line);width:100%;margin:12px 0}.empty{padding:33px 18px;border:1px dashed #476052;border-radius:15px;text-align:center;color:var(--muted)}.empty .i{width:30px;height:30px;margin-bottom:10px;color:var(--accent)}.hide{display:none!important}.text-right{text-align:right}.page-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 24px}.page-header h1{font-size:29px;margin:4px 0 5px}.page-header p{margin:0;color:var(--muted);font-size:13px}.section-label{font-size:14px;letter-spacing:.03em;font-weight:750;margin:0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-circle{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#244235;color:#9ce0b6;flex-shrink:0}.icon-circle.warm{background:#3d3628;color:#f4cf84}.icon-circle.blue{background:#283c4a;color:#a8cce5}.icon-circle.purple{background:#3c334b;color:#c9aafa}.subtle-card{border:1px solid var(--line);background:var(--surface2);border-radius:14px;padding:16px}.hint-block{padding:13px 15px;border:1px solid #496b52;background:#1d362c;border-radius:12px;font-size:12px;line-height:1.7;color:#c5e4ce}.danger-note{border-color:#704949;background:#392826;color:#f5c4b9}.hr{border:0;border-top:1px solid var(--line);margin:18px 0}.checkline{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scroll-x{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left;min-width:620px}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#8fa99b;font-weight:760;padding:12px 10px;border-bottom:1px solid var(--line)}.table td{font-size:13px;padding:15px 10px;border-bottom:1px solid #2a3c34}.table tr:last-child td{border-bottom:0}.table td strong{color:var(--ink)}.table tr:hover td{background:#ffffff04}.pill{display:inline-flex;gap:5px;align-items:center;padding:5px 9px;border-radius:20px;font-size:11px;background:#264136;color:#b5e1c0}.spin{display:inline-block;width:19px;height:19px;border:2px solid #8bb9a4;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Landing */
.site-nav{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1190px;padding:0 24px;margin:auto;gap:28px}.site-nav nav{display:flex;gap:27px;align-items:center}.site-nav nav a{font-size:13px;color:var(--muted);font-weight:650}.site-nav nav a:hover{color:var(--accent)}.site-nav .actions{flex-wrap:nowrap}.site{min-height:100vh;background:radial-gradient(ellipse 900px 550px at 70% 4%,#21504055,transparent 72%),#0d1715}.hero{max-width:1190px;margin:auto;padding:94px 24px 84px;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.hero .intro{max-width:590px}.hero .intro p{max-width:465px;font-size:16px;color:#aabfb2}.hero-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.mini-trust{display:flex;align-items:center;gap:11px;font-size:12px;color:#8cae9b;margin-top:28px}.mini-trust .check{color:var(--accent)}.hero-window{background:#172720;border:1px solid #355242;border-radius:24px;padding:21px;box-shadow:0 40px 85px #040e0c7a,0 0 90px #78d49a11;transform:rotate(1deg)}.hero-window .window-top{display:flex;align-items:center;gap:9px;padding-bottom:17px;border-bottom:1px solid var(--line)}.dots{display:flex;gap:5px}.dots span{width:7px;height:7px;background:#668d76;border-radius:50%}.window-main{padding-top:20px}.hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.hero-kpis div{border:1px solid #344e3f;border-radius:12px;padding:12px;background:#1c3127}.hero-kpis strong{display:block;font-size:24px;letter-spacing:-.05em}.hero-kpis span{font-size:10px;color:#94b6a1}.appointment-preview{display:flex;align-items:center;gap:11px;padding:11px 12px;margin-top:8px;border-radius:12px;background:#20382d}.appointment-preview .time{font-size:12px;font-weight:780;color:#b1e5bf;min-width:48px}.appointment-preview .avatar{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;background:#4c715d;color:#e2ffe7;font-size:12px;font-weight:780}.features,.pricing,.faq,.closing{max-width:1190px;margin:auto;padding:74px 24px}.section-head{max-width:630px;margin-bottom:32px}.section-head h2{font-size:clamp(27px,3.4vw,43px);margin:9px 0 10px}.section-head p{color:var(--muted);font-size:15px}.feature{padding:23px;border:1px solid var(--line);border-radius:17px;background:#13231d}.feature .i{color:var(--accent);width:25px;height:25px}.feature h3{font-size:17px;margin:17px 0 8px}.feature p{font-size:13px;color:var(--muted);margin:0}.price-card{border:1px solid #3b5646;background:#14241e;border-radius:19px;padding:27px;display:flex;flex-direction:column;gap:14px}.price-card.featured{border-color:#90d5a5;box-shadow:0 0 42px #56cf8630}.price-card h3{margin:0;font-size:18px}.price-card .price{font-size:36px;letter-spacing:-.04em;font-weight:760}.price-card .price small{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}.price-card p,.price-card li{font-size:13px;color:var(--muted)}.price-card ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;flex:1}.price-card li{display:flex;gap:8px;align-items:flex-start}.price-card li .i{color:var(--accent);width:15px;height:15px}.faq details{background:var(--surface);padding:18px 20px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:680;font-size:14px}.faq details p{margin:10px 0 0;font-size:13px;color:var(--muted)}.closing{padding-bottom:100px}.closing-inner{border-radius:24px;padding:48px;background:linear-gradient(130deg,#2f6850,#19392c);display:flex;align-items:center;justify-content:space-between;gap:24px}.closing h2{font-size:34px;margin:7px 0}.footer{border-top:1px solid var(--line);padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;max-width:1190px;margin:auto}
/* Authentication */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-left{background:radial-gradient(ellipse at 10% 15%,#35634888,transparent 55%),linear-gradient(135deg,#1b382b,#0e241b);padding:50px clamp(28px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-pitch{max-width:480px}.auth-pitch h1{font-size:clamp(38px,4.4vw,62px);line-height:1.08;letter-spacing:-.055em}.auth-pitch p{color:#b1cabb}.auth-right{display:grid;place-items:center;padding:35px 24px}.auth-form{max-width:420px;width:100%}.auth-form h2{font-size:30px;margin:10px 0}.auth-form>p{font-size:13px;color:var(--muted);margin-bottom:26px}.auth-form form{display:grid;gap:16px}.auth-form .bottom{margin-top:22px;font-size:13px;color:var(--muted)}.auth-form .bottom a{color:var(--accent)}
/* app */
.app-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{background:#111e19;border-right:1px solid var(--line);padding:26px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .logo{margin:2px 12px 27px}.sidebar .store-box{padding:13px;background:#1e3027;border:1px solid #365244;border-radius:13px;margin-bottom:24px;display:flex;gap:10px;align-items:center}.sidebar .store-icon{width:35px;height:35px;border-radius:10px;background:#2d5944;display:grid;place-items:center;color:#c5f1d3}.sidebar .store-box strong{font-size:12px;display:block}.sidebar .store-box span{font-size:11px;color:var(--muted)}.side-title{font-size:10px;color:#769489;letter-spacing:.13em;padding:0 13px;margin:10px 0 8px;font-weight:780}.navlink{padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:12px;font-weight:650;font-size:13px;color:#9fb5aa;margin:3px 0}.navlink:hover{color:var(--ink);background:#20332a}.navlink.active{background:#2c4a38;color:#bff5cf}.navlink .i{width:19px;height:19px}.sidebar-bottom{margin-top:auto;padding-top:19px}.user-card{border-top:1px solid var(--line);padding:19px 8px 0;display:flex;align-items:center;gap:9px}.user-card .avatar{background:#356a51;color:#e0ffe8;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;font-weight:800}.user-card strong{font-size:12px;display:block}.user-card span{font-size:11px;color:var(--muted)}.main{min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:12px;background:#111c18}.topbar .breadcrumb{font-size:12px;color:var(--muted)}.topbar .breadcrumb strong{color:var(--ink)}.main-content{padding:31px 36px 55px;max-width:1430px;margin:0 auto}.metric{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:21px}.metric h3{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 19px}.metric strong{font-size:32px;letter-spacing:-.04em}.metric .delta{font-size:11px;color:var(--accent);margin-top:9px}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-top .i{color:#96bc9d}.appt-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.appt-row:last-child{border:0}.appt-row .appt-time{font-size:13px;color:#b6d6c1;font-weight:800}.appt-row .appt-person{font-size:13px;font-weight:760}.appt-row .appt-sub{font-size:11px;color:var(--muted);margin-top:5px}.activity{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.bar-chart{display:flex;align-items:end;gap:12px;height:146px;padding-top:12px}.bar-col{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:9px}.bar-col .bar{min-height:5px;background:linear-gradient(180deg,#9de6b2,#407c62);border-radius:7px 7px 2px 2px;width:min(36px,75%)}.bar-col label{font-size:10px;color:var(--muted)}.agenda-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.agenda-toolbar input{max-width:190px}.appointment-table .table{min-width:740px}.time-icon{display:flex;align-items:center;gap:8px}.settings-tabs{display:flex;gap:7px;margin:18px 0 25px;flex-wrap:wrap}.settings-tabs button{background:transparent;border:1px solid var(--line);padding:10px 16px;border-radius:10px;color:var(--muted);font-size:12px}.settings-tabs button.active{background:#244636;border-color:#457e60;color:var(--accent)}.preview-url{font-size:12px;padding:12px;border:1px solid #42644f;background:#183127;border-radius:10px;color:#a6eac0;word-break:break-all}.notice{background:#263126;border:1px solid #4d5946;border-radius:13px;padding:15px;color:#e9ddaa;font-size:12px;line-height:1.7}.modal-mask{position:fixed;inset:0;background:#010806ba;backdrop-filter:blur(7px);display:grid;place-items:center;z-index:50;padding:15px;overflow:auto}.modal{width:min(100%,560px);background:#17251f;border:1px solid #3a5848;border-radius:20px;box-shadow:0 35px 100px #000a;padding:27px;max-height:94vh;overflow:auto}.modal h2{font-size:23px;letter-spacing:-.03em;margin:0}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.modal-head .btn{background:transparent;border-color:var(--line);color:var(--ink)}.modal form{display:grid;gap:15px}.mobile-menu{display:none}
/* public booker */
.public-shell{min-height:100vh;background:#101b17}.public-nav{display:flex;align-items:center;justify-content:space-between;max-width:1050px;margin:auto;padding:22px 24px}.book-layout{max-width:1050px;margin:45px auto 100px;padding:0 24px;display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:start}.book-identity{padding:25px;background:#1a2b23;border-radius:22px;border:1px solid var(--line);position:sticky;top:24px}.book-logo{display:grid;place-items:center;border-radius:18px;width:65px;height:65px;background:#b0e2bc;color:#17422d;font-size:32px;font-weight:800;margin-bottom:23px}.book-identity h1{font-size:28px;margin:0 0 10px}.book-identity p{font-size:13px;color:var(--muted)}.book-main{display:grid;gap:21px}.book-step{display:flex;align-items:center;gap:12px;margin-bottom:17px}.book-step .num{width:29px;height:29px;background:#315b43;color:#bcf2d0;border-radius:50%;font-size:12px;font-weight:800;display:grid;place-items:center}.book-step h2{font-size:17px;margin:0}.service-option,.staff-option,.slot{border:1px solid #385144;background:#1b2c24;border-radius:13px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:11px;text-align:left;color:var(--ink);width:100%;font-size:13px}.service-option:hover,.staff-option:hover,.slot:hover{border-color:#77bd91}.service-option.selected,.staff-option.selected,.slot.selected{border-color:#9ee4b0;background:#254534;box-shadow:inset 0 0 0 1px #9ee4b056}.option-list{display:grid;gap:10px}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.slot{justify-content:center;font-weight:700;padding:12px}.staff-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.book-result{padding:30px;border:1px solid #4c7e5c;background:#1b3626;border-radius:19px;text-align:center}.book-result .success-icon{background:#3d7652;color:#dcffe4;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:0 auto 18px}.book-result h2{font-size:25px}.booking-note{font-size:12px;color:var(--muted)}
/* responsiveness */
@media(max-width:1060px){.hero{gap:30px}.main-content{padding:25px}.topbar{padding:0 25px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:225px minmax(0,1fr)}}
@media(max-width:800px){.site-nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-window{max-width:570px;transform:none}.grid3{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-left{display:none}.auth-right{min-height:100vh}.app-shell{display:block}.sidebar{position:fixed;z-index:30;width:270px;left:0;top:0;transform:translateX(-101%);transition:transform .2s;box-shadow:15px 0 40px #0005}.sidebar.open{transform:translateX(0)}.main-content{padding:23px 17px 50px}.topbar{height:67px;padding:0 16px}.mobile-menu{display:inline-flex}.book-layout{grid-template-columns:1fr;gap:20px;margin-top:15px}.book-identity{position:static}.book-main{margin-top:4px}.closing-inner{flex-wrap:wrap}}
@media(max-width:540px){.site-nav{padding:0 17px;height:70px}.site-nav .btn.secondary{display:none}.site-nav .logo{font-size:12px}.site-nav .logo-symbol{height:32px;width:32px;font-size:20px}.hero{padding:65px 18px 45px}.hero .intro p{font-size:14px}.display{font-size:45px}.hero-buttons .btn{flex:1}.features,.pricing,.faq,.closing{padding:47px 17px}.grid2,.grid3,.grid4,.form-grid{grid-template-columns:1fr}.closing-inner{padding:24px}.closing h2{font-size:27px}.footer{display:block;text-align:center}.footer span{display:block;margin:5px}.hero-kpis strong{font-size:19px}.hero-window{padding:14px}.main-content{padding:21px 13px 38px}.page-header{align-items:start;flex-direction:column}.page-header h1{font-size:26px}.card{padding:16px}.topbar .breadcrumb{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.book-layout{padding:0 13px}.public-nav{padding:16px}.slot-grid{grid-template-columns:repeat(3,1fr)}.staff-row{grid-template-columns:1fr}.modal{padding:18px}.appt-row{grid-template-columns:50px 1fr auto;gap:6px}.auth-right{padding:20px}}
#toast-area{position:fixed;right:17px;bottom:20px;z-index:80;display:grid;gap:8px;max-width:min(420px,calc(100vw - 34px))}.toast{border:1px solid #5a8a66;background:#1c3c2c;color:#d8f4df;padding:14px 17px;border-radius:11px;font-size:13px;box-shadow:0 12px 35px #0008}.toast.error{background:#472d2b;color:#ffe2d9;border-color:#95554d}.boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);letter-spacing:.12em;font-size:12px}.boot .mark{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;background:#b1e8c1;color:#174a2e;font-size:38px;font-weight:850}