:root{--graphite-950:#161719;--graphite-900:#1e2023;--graphite-800:#2a2d31;--surface-1:#1e2023;--surface-2:#25282d;--surface-3:#2f343a;--text:#f4f3ef;--text-secondary:#a7adb5;--text-muted:#687280;--cyan:#38bfd8;--coral:#f2766b;--success:#22c55e;--border:#313941}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at 55% -15%,#173441 0,var(--graphite-950) 34rem);color:var(--text);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.skip-link{position:fixed;z-index:20;top:12px;left:12px;padding:10px 14px;transform:translateY(-160%);border-radius:8px;background:var(--cyan);color:var(--graphite-950);font-weight:800;text-decoration:none;transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}h1,h2,p{margin-top:0}h1{font-size:clamp(2.1rem,4vw,3.1rem);line-height:1.02;letter-spacing:-.055em;margin-bottom:10px}h2{font-size:1.2rem;letter-spacing:-.03em;margin-bottom:6px}p{color:var(--text-secondary);line-height:1.6}code{color:var(--cyan)}.page{min-height:100vh;display:grid;place-items:center;padding:32px}.hero{max-width:720px;text-align:center}.brand{color:var(--text);font-size:1.3rem;font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:inline-block;width:22px;height:22px;margin-right:8px;border-radius:50%;background:conic-gradient(from 5deg,var(--text) 0 68%,transparent 68% 78%,var(--cyan) 78% 100%);vertical-align:-3px}.actions{display:flex;gap:12px;margin-top:28px}.actions,.button{justify-content:center}.button{display:inline-flex;align-items:center;min-height:44px;border:0;border-radius:10px;padding:11px 18px;font-weight:700;text-decoration:none;cursor:pointer;background:var(--cyan);color:var(--graphite-950);transition:filter .15s ease,transform .15s ease}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--text);border:1px solid #50606b}.text-button{border:0;padding:4px;background:transparent;color:var(--cyan);text-decoration:none;font-weight:600}.danger-text{color:var(--coral)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,440px);background:linear-gradient(145deg,#1e2930,var(--surface-1));border:1px solid var(--border);border-radius:16px;padding:34px;box-shadow:0 12px 32px rgb(0 0 0/.28)}.auth-card h1{font-size:2.2rem;margin:28px 0 8px}.auth-form{display:grid;grid-gap:16px;gap:16px;margin-top:24px}.field{display:grid;grid-gap:7px;gap:7px;color:#d8d9da;font-size:.9rem;font-weight:600}.field em{color:var(--text-muted);font-style:normal;font-weight:400}.availability-row>input,.field input,.field select,.field textarea{width:100%;min-height:44px;padding:11px 12px;border:1px solid #414b56;border-radius:8px;background:#182027;color:var(--text)}.field textarea{resize:vertical;min-height:112px}.availability-row>input:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--cyan);outline-offset:2px}.input-prefix{display:flex;align-items:center;border:1px solid #414b56;border-radius:8px;background:#182027;overflow:hidden}.input-prefix span{padding-left:12px;color:var(--text-muted);white-space:nowrap;font-weight:400}.input-prefix input{border:0;border-radius:0}.auth-footer{margin-top:24px;color:var(--text-secondary);font-size:.9rem}.auth-footer a{color:var(--cyan)}.error{color:var(--coral);font-size:.9rem}.success-message{color:#83e9ad;margin:0 0 18px}.muted{color:var(--text-secondary)}.eyebrow{color:var(--cyan);margin-bottom:8px;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.15em}.lead{max-width:680px;font-size:1.05rem}.app-shell{display:grid;min-height:100vh;grid-template-columns:240px minmax(0,1fr)}.provider-nav{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:26px 16px;border-right:1px solid var(--border);background:rgb(14 20 24/.72)}.app-brand{padding:0 12px 30px}.provider-nav nav{display:grid;grid-gap:4px;gap:4px}.nav-link{padding:11px 12px;color:#e1e5e9;text-decoration:none;border-radius:8px;font-weight:600}.nav-link.active,.nav-link:hover{background:rgb(56 191 216/.12);color:var(--cyan)}.nav-account{display:grid;grid-gap:11px;gap:11px;margin-top:auto;padding:16px 12px 0;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.88rem}.avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--surface-3);color:var(--text);font-size:.7rem;font-weight:800}.app-content{width:min(100%,1280px);padding:54px clamp(24px,5vw,72px);margin:0 auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading>div{max-width:620px}.calendar-card,.form-card,.preview-card,.table-card,.tip-card{border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,rgb(37 44 50/.9),rgb(23 29 34/.9));box-shadow:0 8px 24px rgb(0 0 0/.12)}.calendar-card,.table-card{overflow:hidden}.form-card{display:grid;grid-gap:20px;gap:20px;padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.form-actions{display:flex;justify-content:flex-end;gap:12px}.form-hint{margin:-8px 0 0;font-size:.86rem}.check-field{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.92rem}.check-field input,.day-toggle input{width:20px;height:20px;accent-color:var(--cyan)}.onboarding{max-width:850px}.service-list{display:grid}.appointment-row,.exception-row,.service-row{display:grid;align-items:center;grid-gap:16px;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border)}.appointment-row:last-child,.exception-row:last-child,.service-row:last-child{border-bottom:0}.service-row{grid-template-columns:minmax(220px,1fr) 100px 100px auto}.exception-row p,.service-row p{margin:4px 0 0;font-size:.86rem}.row-actions{display:flex;gap:10px;justify-content:flex-end}.status-chip{width:max-content;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700;text-transform:capitalize}.status-chip.confirmed{background:rgb(34 197 94/.16);color:#83e9ad}.status-chip.cancelled{background:rgb(242 118 107/.16);color:#ffaba2}.status-chip.inactive{background:rgb(104 114 128/.22);color:#b9c1c9}.empty-state{display:grid;justify-items:start;grid-gap:4px;gap:4px;padding:48px}.empty-state p{max-width:480px}.service-form{max-width:680px}.availability-layout{margin-bottom:24px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 24px 12px}.section-heading p{margin-bottom:0;font-size:.9rem}.compact-field{display:grid;grid-gap:5px;gap:5px;min-width:210px;color:var(--text-secondary);font-size:.8rem}.compact-field select{min-height:40px;padding:8px;border:1px solid #414b56;border-radius:8px;background:#182027;color:var(--text)}.availability-list{padding:0 24px 24px}.availability-row{display:grid;grid-template-columns:180px minmax(0,1fr) 80px;grid-gap:14px;gap:14px;align-items:center;min-height:60px;border-top:1px solid var(--border)}.day-toggle{display:flex;align-items:center;gap:10px}.range-hint{color:var(--text-muted);font-size:.8rem}.two-column{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);grid-gap:24px;gap:24px;align-items:start}.exception-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;grid-gap:12px;gap:12px;padding:0 24px 24px}.exception-row{grid-template-columns:minmax(0,1fr) auto auto}.empty-copy{padding:0 24px 24px}.preview-card,.tip-card{padding:28px}.preview-card .muted,.tip-card p:last-child{margin-bottom:0}.preview-card{min-height:280px}.public-url{padding:12px;overflow-wrap:anywhere;border-radius:8px;background:#182027;color:var(--cyan);font-weight:700}.preview-actions{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 22px}.preview-actions .button{margin:0}.appointment-row{grid-template-columns:190px minmax(150px,1fr) minmax(150px,1fr) auto}.appointment-row time{color:var(--cyan);font-weight:700}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.calendar-controls,.calendar-view-toggle{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--border);border-radius:10px;background:rgb(20 26 30/.72)}.calendar-controls a,.calendar-view-toggle a{min-height:34px;padding:7px 10px;border-radius:7px;color:var(--text-secondary);font-size:.84rem;font-weight:700;text-decoration:none}.calendar-view-toggle a.active{background:rgb(56 191 216/.18);color:var(--cyan)}.calendar-controls a:hover{color:var(--cyan)}.calendar-grid-view{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,rgb(37 44 50/.9),rgb(23 29 34/.9))}.calendar-range-label{padding:16px 20px;border-bottom:1px solid var(--border);color:var(--text);font-weight:800}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));overflow-x:auto}.calendar-grid-view.day .calendar-days{grid-template-columns:minmax(0,1fr)}.calendar-day{min-height:390px;padding:14px;border-right:1px solid var(--border)}.calendar-day:last-child{border-right:0}.calendar-day header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgb(49 57 65/.7);color:var(--text-secondary);font-size:.78rem;font-weight:800;text-transform:uppercase}.calendar-day header strong{color:var(--text);font-size:1.12rem}.calendar-events{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.calendar-event{display:grid;grid-gap:3px;gap:3px;padding:10px;border:1px solid rgb(56 191 216/.38);border-radius:8px;background:rgb(56 191 216/.1);color:var(--text);text-decoration:none}.calendar-event:hover{border-color:var(--cyan);background:rgb(56 191 216/.17)}.calendar-event time{color:var(--cyan);font-size:.78rem;font-weight:800}.calendar-event strong{font-size:.88rem}.calendar-event span{color:var(--text-secondary);font-size:.75rem}.calendar-empty{margin:18px 0 0;color:var(--text-muted);font-size:.8rem}.appointment-link{color:inherit;text-decoration:none;transition:background .15s ease}.appointment-link:focus-visible,.appointment-link:hover{background:rgb(56 191 216/.08)}.back-link{display:inline-block;margin-bottom:24px;color:var(--cyan);font-weight:700;text-decoration:none}.detail-card{padding:28px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,rgb(37 44 50/.9),rgb(23 29 34/.9))}.detail-list{display:grid;grid-gap:18px;gap:18px;margin:24px 0 0}.detail-list div{display:grid;grid-gap:4px;gap:4px}.detail-list dt{color:var(--text-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.detail-list dd{margin:0;color:var(--text);font-weight:600}.detail-list dd a{color:var(--cyan)}.button.destructive{width:100%;background:var(--coral)}.account-card{padding:28px}.public-booking-shell{min-height:100vh;padding:0 clamp(18px,4vw,64px) 48px;background:radial-gradient(circle at 15% 5%,#173845 0,var(--graphite-950) 34rem)}.public-booking-header{display:flex;justify-content:space-between;align-items:center;max-width:1440px;min-height:78px;margin:0 auto;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.9rem}.public-booking-intro{max-width:1440px;margin:44px auto 28px}.public-booking-intro h1{margin-bottom:6px}.booking-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;padding:0;margin:34px 0 0;list-style:none;color:var(--text-muted);font-weight:700;font-size:.85rem}.booking-steps li{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.booking-steps li.complete{color:var(--cyan);border-color:var(--cyan)}.booking-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,.82fr) minmax(260px,.75fr);grid-gap:18px;gap:18px;max-width:1440px;margin:0 auto;align-items:start}.booking-panel{min-height:420px;padding:24px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,rgb(37 44 50/.94),rgb(22 28 33/.94))}.public-service-list{display:grid;grid-gap:10px;gap:10px;margin-top:20px}.public-service{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px;border:1px solid var(--border);border-radius:10px;background:rgb(17 24 29/.52);color:var(--text);text-align:left}.public-service.selected,.public-service:hover{border-color:var(--cyan);background:rgb(56 191 216/.11)}.public-service span:first-child{display:grid;grid-gap:5px;gap:5px}.public-service small{color:var(--text-secondary)}.public-service span:last-child{white-space:nowrap;color:var(--cyan);font-size:.86rem;font-weight:700}.slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:9px;gap:9px;margin-top:20px}.slot-button{min-height:42px;border:1px solid #44515c;border-radius:8px;background:#182027;color:var(--text)}.slot-button.selected,.slot-button:hover{border-color:var(--cyan);background:var(--cyan);color:var(--graphite-950);font-weight:800}.booking-summary{display:grid;grid-gap:8px;gap:8px;padding:16px;margin:18px 0;border-radius:10px;background:rgb(9 15 18/.44);color:var(--text-secondary)}.booking-summary strong{color:var(--text);font-size:1.04rem}.booking-form{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.booking-submit{width:100%;margin-top:8px}.booking-submit:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55}.booking-confirmation{display:grid;justify-items:start;max-width:600px;min-height:100vh;align-content:center;grid-gap:10px;gap:10px;padding:32px;margin:0 auto}.booking-confirmation .booking-summary{width:100%}.booking-management-card{display:grid;width:min(100%,640px);min-height:calc(100vh - 78px);align-content:center;grid-gap:16px;gap:16px;margin:0 auto;padding:48px 0}.booking-management-card .field{max-width:310px}.landing{overflow:hidden;min-height:100vh;padding:0 clamp(18px,5vw,84px);background:radial-gradient(circle at 70% 8%,#173d49 0,var(--graphite-950) 35rem)}.landing-final,.landing-footer,.landing-hero,.landing-nav,.landing-section{width:min(100%,1280px);margin:0 auto}.landing-nav{justify-content:space-between;min-height:86px;border-bottom:1px solid rgb(244 243 239/.12)}.landing-nav,.landing-nav nav{display:flex;align-items:center}.landing-nav nav{gap:clamp(16px,2.5vw,34px)}.landing-nav nav>a:not(.button){color:var(--text-secondary);font-weight:600;text-decoration:none}.landing-nav nav>a:not(.button):hover{color:var(--cyan)}.landing-signup{min-height:40px;padding:8px 14px}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.86fr);grid-gap:clamp(42px,7vw,108px);gap:clamp(42px,7vw,108px);align-items:center;min-height:640px;padding:72px 0 88px}.landing-hero h1{max-width:730px;font-size:clamp(3rem,6.2vw,5.4rem)}.landing-hero h1 span{color:var(--cyan)}.landing-lead{max-width:560px;font-size:1.1rem}.landing-actions{justify-content:flex-start}.landing-note{color:var(--text-muted);font-size:.87rem}.landing-demo{position:relative;display:grid;grid-gap:14px;gap:14px;padding:22px;border:1px solid #4b6670;border-radius:20px;background:linear-gradient(145deg,#202b30,#101619);box-shadow:28px 28px 0 rgb(56 191 216/.1),0 22px 60px rgb(0 0 0/.32)}.landing-demo:before{position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(130deg,rgb(56 191 216/.7),transparent 38%);content:"";filter:blur(16px);opacity:.4}.demo-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.8rem}.demo-top .brand{font-size:.95rem}.demo-top .brand-mark{width:17px;height:17px}.landing-demo h2{margin:-6px 0 2px;font-size:1.65rem}.demo-service{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--border);border-radius:10px;background:rgb(0 0 0/.14)}.demo-service.selected{border-color:var(--cyan);background:rgb(56 191 216/.11)}.demo-service span{display:grid;grid-gap:4px;gap:4px}.demo-service small{color:var(--text-secondary)}.demo-service b{color:var(--cyan);font-size:.78rem}.demo-slots{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.demo-slots span{padding:10px;border:1px solid var(--border);border-radius:8px;text-align:center}.demo-slots .selected{border-color:var(--cyan)}.demo-confirm,.demo-slots .selected{background:var(--cyan);color:var(--graphite-950);font-weight:800}.demo-confirm{display:flex;justify-content:space-between;padding:13px 15px;border-radius:9px}.demo-confirm span{font-size:1.2rem}.landing-section{padding:94px 0;border-top:1px solid rgb(244 243 239/.12)}.landing-final h2,.landing-section>h2{max-width:620px;margin-bottom:42px;font-size:clamp(2.1rem,4vw,3.5rem)}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.step{padding:24px;border:1px solid var(--border);border-radius:14px;background:rgb(30 32 35/.68)}.step>span{color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.12em}.step h3{margin:42px 0 8px;font-size:1.2rem}.step p{margin-bottom:0}.landing-example{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:clamp(32px,8vw,120px);gap:clamp(32px,8vw,120px);align-items:center}.landing-example h2{margin-bottom:14px}.landing-example>div>p:not(.eyebrow){max-width:530px}.text-link{color:var(--cyan);font-weight:800;text-decoration:none}.link-card{display:grid;grid-gap:22px;gap:22px;padding:28px;border:1px solid #49727d;border-radius:16px;background:linear-gradient(145deg,rgb(56 191 216/.16),rgb(30 32 35/.92))}.link-card>p{margin:0;color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.14em}.link-card strong{overflow-wrap:anywhere;font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.05em}.link-card div{display:flex;justify-content:space-between;gap:14px;padding-top:18px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.85rem}.landing-final{display:grid;justify-items:start;padding:92px 0;border-top:1px solid rgb(244 243 239/.12)}.landing-final h2{margin-bottom:12px}.landing-final p:not(.eyebrow){max-width:520px}.landing-final .button{margin-top:15px}.landing-footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0 40px;border-top:1px solid rgb(244 243 239/.12);color:var(--text-muted);font-size:.85rem}@media (max-width:760px){.landing-nav{min-height:70px}.landing-nav nav>a:not(.button):first-child{display:none}.landing-nav nav{gap:14px}.landing-hero{grid-template-columns:1fr;min-height:auto;padding:70px 0}.landing-demo{max-width:480px}.landing-example,.steps{grid-template-columns:1fr}.landing-section{padding:64px 0}.landing-section>h2{margin-bottom:28px}.step h3{margin-top:28px}.landing-footer{flex-direction:column}.landing-signup{min-height:38px}.landing-nav .brand{font-size:1.12rem}.landing-nav .brand-mark{width:19px;height:19px}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.provider-nav{position:static;height:auto;flex-direction:row;align-items:center;gap:16px;padding:16px 24px}.app-brand{padding:0}.provider-nav nav{display:flex;overflow-x:auto;scrollbar-width:thin}.nav-account{display:flex;align-items:center;margin:0 0 0 auto;padding:0;border:0}.nav-account>:not(.avatar){display:none}.app-content{padding-top:38px}.two-column{grid-template-columns:1fr}}@media (max-width:980px){.booking-grid{grid-template-columns:1fr 1fr}.booking-details{grid-column:span 2}}@media (max-width:680px){.auth-shell,.page{padding:16px}.auth-card{padding:24px}.actions,.form-actions,.page-heading{flex-direction:column;align-items:stretch}.provider-nav{align-items:flex-start;flex-wrap:wrap;padding:14px 16px}.provider-nav nav{order:3;width:100%}.nav-link{white-space:nowrap}.app-content{padding:32px 16px}.page-heading{gap:12px}.appointment-row,.exception-form,.form-grid,.service-row{grid-template-columns:1fr}.appointment-row,.exception-row,.service-row{gap:8px}.row-actions{justify-content:flex-start;flex-wrap:wrap}.availability-list{padding:0 16px 16px}.section-heading{padding:20px 16px 12px;flex-direction:column}.availability-row{grid-template-columns:1fr;gap:8px;padding:12px 0}.exception-form{padding:0 16px 20px}.form-card,.preview-card,.tip-card{padding:20px}.preview-actions{flex-direction:column;align-items:stretch}.preview-actions .button{width:100%}.calendar-toolbar{align-items:stretch;flex-direction:column}.calendar-controls,.calendar-view-toggle{justify-content:space-between}.calendar-day{min-height:280px}.public-booking-shell{padding:0 16px 28px}.public-booking-intro{margin-top:32px}.booking-steps{grid-template-columns:1fr 1fr;gap:10px}.booking-grid{grid-template-columns:1fr}.booking-details{grid-column:auto}.booking-panel{min-height:auto;padding:18px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}