:root{--brand:#724659;--light:#f3e9ee;--ink:#2f2932;--muted:#847b86;--line:#ece7ec;--surface:#fff;--page:#faf8fa;--sidebar:#302532;--shadow:0 4px 24px #37283c04}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{color:var(--brand)}button:focus-visible,a:focus-visible{outline:3px solid #c6a7b9;outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}button svg, .btn svg{flex-shrink:0}.small{font-size:12px;color:var(--muted);line-height:1.65}.muted{color:var(--muted)}.space{margin-top:22px}.full{grid-column:1/-1}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--sidebar);padding:30px 20px 16px;display:flex;flex-direction:column;z-index:20;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5d4b5e transparent}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font-size:20px;letter-spacing:-.6px}.brand>span:last-child{line-height:1.1}.brand strong{font-weight:750}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#b5a0b9;margin-top:9px}.brand-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:39px;height:39px;border-radius:12px;color:#f4d7d4;background:#ffffff0c}.brand-badge svg{width:31px;height:31px}.workspace{margin:32px 0 22px;padding:12px 9px;border:1px solid #ffffff15;background:#ffffff05;border-radius:11px;display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.workspace b{font-size:12px}.workspace .small{color:#ad9db1;font-size:10px;margin-top:3px}.workspace-arrow{margin-left:auto;color:#a28ca9}.mark{width:35px;height:35px;display:grid;place-items:center;background:#cda7b3;color:#352238;border-radius:10px;font:24px Georgia,serif;flex-shrink:0}.navlabel{font-size:9px;letter-spacing:2px;color:#9a839f;margin:7px 12px 12px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{background:transparent;color:#bcaec0;border-radius:9px;padding:12px;display:flex;gap:12px;align-items:center;text-align:left;font-size:12px;min-height:43px;transition:background .18s,color .18s}.sidebar nav button:hover{background:#ffffff08;color:white}.sidebar nav button.active{background:#e7d9e912;color:#f9e4f1;box-shadow:inset 3px 0 #d9b1c5;font-weight:600}.sidebar nav button.active svg{color:#e5bdcf}.nav-count{margin-left:auto;background:#cba2b5;color:#392639;border-radius:5px;font-size:9px;padding:3px 6px}.side-install{margin-top:26px;padding:17px;border:1px solid #ad8bac26;border-radius:12px;background:linear-gradient(145deg,#ffffff07,transparent);color:#e7d8eb;position:relative}.side-install-icon{position:absolute;right:16px;top:16px;color:#c4a1ca}.side-install b{font:16px Georgia,serif}.side-install p{font-size:10px;color:#ab97b1;line-height:1.6;max-width:145px;margin:9px 0 13px}.side-install button{background:transparent;padding:0;color:#e3bdce;font-size:10px;display:flex;align-items:center;gap:10px}.bottom{margin-top:auto;padding-top:25px;display:flex;align-items:center;gap:8px}.person{display:flex;gap:10px;align-items:center;text-align:left;background:none;color:#f4e9f7;padding:0;min-width:0}.person>span:last-child{min-width:0}.person b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.person small{font-size:9px;color:#a58eac;display:block;margin-top:4px}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f1e6ed;color:var(--brand);font-size:11px;font-weight:650;flex-shrink:0}.bottom .avatar{background:#664a61;color:#e9c6da}.signout{margin-left:auto;color:#9c83a5;display:flex}.topbar{height:82px;background:#ffffffc9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;margin-left:246px;gap:12px}.breadcrumb{display:flex;gap:15px;align-items:center;font-size:11px;color:#a092a4}.breadcrumb b{font-weight:500;color:#67596e}.topbar-actions{display:flex;align-items:center;gap:17px}.live-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#839185}.live-status i{width:5px;height:5px;background:#8ba891;border-radius:50%}.icon-button{background:transparent;color:#97869c;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:9px}.icon-button:hover{background:#f3eef4}.btn{border:1px solid transparent;padding:12px 18px;border-radius:9px;background:var(--brand);color:white;font-size:12px;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;min-height:42px;transition:filter .16s,transform .16s}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn.secondary{background:white;border-color:#e3dbe5;color:#65526e}.btn.tiny{padding:7px 11px;font-size:10px;min-height:31px;border-radius:7px}.btn.danger{background:#fff1f0;color:#a65f59;border-color:#f5e5e2}.install-top{font-size:10px;min-height:33px;padding:8px 12px;border-radius:8px}.page-shell{margin-left:246px;padding:34px 42px 25px;max-width:1640px;min-height:calc(100vh - 82px)}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--brand);font-weight:650}.heading h1{font-size:27px;letter-spacing:-1px;font-weight:600;margin:9px 0}.heading .small{font-size:11px;color:#9a8d9f}h1{font-size:29px;letter-spacing:-1px;margin:10px 0;font-weight:600}h2{font-size:16px;margin:0;font-weight:600;letter-spacing:-.4px}h3{font-size:13px;margin:0 0 7px;font-weight:600}p{font-size:13px;line-height:1.75;color:var(--muted)}.grid{display:grid;gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:23px;box-shadow:var(--shadow)}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:27px;gap:15px}.stats .card{padding:19px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8f7c97;gap:7px}.stat-icon{display:inline-grid;place-items:center;background:#f6f0f6;color:#a48aa5;width:30px;height:30px;font-size:16px;border-radius:8px;flex-shrink:0}.number{font-size:27px;letter-spacing:-1.4px;font-weight:600;line-height:1.2;margin:12px 0;overflow-wrap:anywhere}.stat-note{font-size:9px;color:#aa9bb0;line-height:1.6}.columns{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:23px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-title .space{margin-top:6px}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:20px 0 25px}.day{background:#faf8fb;border:1px solid #eee8f1;border-radius:10px;padding:11px 2px;text-align:center;color:#b09ab9;font-size:10px;transition:background .16s}.day b{display:block;color:#6f5b79;font-size:18px;font-weight:600;margin-top:5px}.day.selected{background:var(--brand);color:#ecdde8;border-color:var(--brand);box-shadow:0 5px 10px #72465919}.day.selected b{color:white}.appt{display:grid;grid-template-columns:47px minmax(0,1fr) auto;gap:13px;padding:21px 0;border-top:1px solid #f1ecf3;align-items:center}.time{font-weight:650;font-size:13px;color:#6b5375}.time small{display:block;color:#b29cba;font-size:9px;font-weight:400;margin-top:6px}.appt-details{display:flex;gap:12px;align-items:center;min-width:0}.appt .avatar{width:39px;height:39px;background:#f7edf3;border:1px solid #eee1ec;color:#a27b97}.appt .small{font-size:10px}.appt>div:last-child{max-width:245px}.status{display:inline-block;border-radius:5px;padding:5px 8px;font-size:9px;white-space:normal;background:#eff5f0;color:#709276;line-height:1.5}.status.pending{background:#fff7e9;color:#af8d54}.status.cancel{background:#faeeee;color:#b07b7b}.actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.note{background:linear-gradient(125deg,#f4eaf2,#f6f0f4);border-color:#eadde9;position:relative;overflow:hidden}.note h2{font:27px/1.13 Georgia,serif;letter-spacing:-.8px;color:#6e4a68;margin:20px 0 13px}.note p{font-size:11px;max-width:220px;color:#9b8099}.note .btn{font-size:10px;padding:9px 13px;min-height:34px}.note:after{content:'✳';font-size:180px;position:absolute;right:-55px;bottom:-85px;color:#d9bfda3b;pointer-events:none}.teamrow{display:flex;gap:12px;align-items:center;margin-top:21px}.teamrow b{font-size:12px}.teamrow small{display:block;color:#9e8ca6;font-size:10px;margin-top:4px}.teamrow .space{margin-top:10px}.banner{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fcf9fc;border:1px dashed #deccdf;padding:18px 20px;border-radius:12px}.banner b{font-size:12px}.banner p{margin:4px 0;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}label{display:block;font-size:11px;font-weight:600;margin-bottom:8px;color:#7c6386}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #e8dfec;background:#fff;border-radius:8px;color:#5b4866;min-height:44px;font-size:12px;max-width:100%}input[readonly]{background:#faf7fb;color:#a48aaf}input:focus,select:focus,textarea:focus{outline:2px solid #d9bed6;outline-offset:1px}input[type=color]{padding:5px 8px}form .btn{margin-top:22px}.check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;margin:8px 0}.check input{width:auto;min-height:auto;accent-color:var(--brand)}.fieldhint{font-size:10px;color:#a58cb1;margin:8px 0 0;line-height:1.7}.inline-error{color:#aa5656;background:#fff1f1;border:1px solid #f4dede;padding:13px;border-radius:9px;font-size:12px;margin-top:15px}.loading{opacity:.6;pointer-events:none}.empty{text-align:center;padding:42px 22px;color:#a991b2;font-size:12px;line-height:1.75}.servicecard{display:flex;justify-content:space-between;gap:14px;align-items:center}.serviceicon{font-size:27px;background:#f5eaf3;color:#a77da2;border-radius:13px;padding:12px 15px}.servicecard b{font-size:14px}.profile-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.setupgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.subnav{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:5px 9px;background:var(--light);border-radius:20px;color:var(--brand);font-size:10px}.trial-note{background:#f9f4e9;color:#a28c5b;padding:13px 17px;border:1px solid #eee6d2;border-radius:10px;font-size:11px;line-height:1.8;margin-bottom:22px}.upnext{border-left:3px solid var(--brand)}footer{color:#b7a6be;font-size:9px;margin-top:35px;padding-top:17px;border-top:1px solid #eee7f0;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span:first-child{display:flex;align-items:center;gap:5px}footer .brand-badge{width:18px;height:18px;background:none;color:#bea2bc}footer .brand-badge svg{width:18px;height:18px}dialog{border:1px solid #e7d9ea;border-radius:18px;padding:28px;width:min(600px,94vw);max-height:90dvh;overflow:auto;background:#fff;box-shadow:0 25px 120px #39243d30;color:var(--ink)}dialog::backdrop{background:#24182665;backdrop-filter:blur(7px)}dialog h2{font-size:18px}dialog .section-title{margin-bottom:20px}.close{background:#f7f1f7;border:1px solid #eee3ef;border-radius:50%;color:#9d80a7;width:31px;height:31px;font-size:20px;flex-shrink:0}#toast{display:none;position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#3f2c46;color:#faf0fd;padding:14px 22px;border:1px solid #ffffff20;border-radius:12px;z-index:150;max-width:90vw;box-shadow:0 10px 45px #3b28463b;font-size:12px;line-height:1.6}.splash{min-height:100dvh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 35%,#f3e9f4,transparent 65%),#faf8fa}.splash>.card{width:100%;max-width:510px;padding:38px}.splash .logo,.logo{font-size:23px;font-weight:500;letter-spacing:-1px}.logo span{color:var(--brand);font-weight:750}.splash h1{font-size:27px;margin-top:30px}.dashboard-welcome{padding:29px 33px;background:#f0e8f0;border:1px solid #e9dde9;border-radius:16px;display:flex;align-items:center;position:relative;overflow:hidden;margin-bottom:25px;min-height:185px}.dashboard-welcome .eyebrow{color:#a787a8;font-size:8px}.dashboard-welcome h2{font:31px/1.07 Georgia,serif;color:#70516f;letter-spacing:-1px;margin:14px 0 12px}.dashboard-welcome p{font-size:11px;color:#a38aa5;position:relative;z-index:1;margin-bottom:0}.welcome-date{margin-left:auto;margin-right:64px;display:flex;flex-direction:column;align-items:center;color:#916b92;z-index:1;min-width:130px;border-left:1px solid #d9c9dc;padding-left:40px}.welcome-date span{font-size:10px;text-transform:uppercase;letter-spacing:2px}.welcome-date b{font:60px/1.25 Georgia,serif;font-weight:400;color:#795377}.welcome-date small{font-size:10px}.welcome-flower{position:absolute;right:-34px;top:-18px;font-size:250px;line-height:1;color:#e4d3e5;transform:rotate(15deg)}.home-welcome{border-radius:17px;padding:37px 40px;background:#eee7ef;display:flex;position:relative;overflow:hidden;margin-bottom:26px}.home-welcome h2{font:36px/1.1 Georgia,serif;color:#725371;margin:15px 0;letter-spacing:-1px}.home-welcome p{font-size:12px;color:#9c83a2}.home-welcome-mark{font-size:230px;position:absolute;right:35px;top:-25px;color:#dfcde1;line-height:1}.home-welcome>div:first-child{z-index:1}.booking-hero{background:linear-gradient(115deg,#f2e8f0,#f8f2f7);border:1px solid #eddfed;border-radius:19px;padding:35px 40px;display:flex;justify-content:space-between;gap:25px;margin-bottom:26px;position:relative;overflow:hidden;min-height:245px}.booking-hero>div:first-child{position:relative;z-index:1}.booking-hero .eyebrow{font-size:9px;color:#aa83a3}.booking-hero h1{font:44px/1.04 Georgia,serif;letter-spacing:-1.6px;color:#74536f;margin:19px 0}.booking-hero p{font-size:11px;color:#aa8ca6;max-width:430px}.pill{display:inline-flex;padding:7px 10px;color:#8f9c85;background:#f7f9f1;border:1px solid #e7ecd9;border-radius:20px;font-size:9px;line-height:1.5}.booking-art{width:220px;min-width:180px;display:flex;align-items:center;justify-content:center;position:relative}.art-orbit{border:1px solid #ddcadd;border-radius:50%;position:absolute;width:160px;height:200px;transform:rotate(35deg)}.art-orbit.two{transform:rotate(-35deg);width:175px;height:190px}.art-flower{font:180px Georgia,serif;color:#c49eb7;line-height:1;transform:rotate(15deg);text-shadow:0 20px 50px #c6aac955}.art-tag{font-size:9px;letter-spacing:.7px;color:#aa849e;border:1px solid #d9bed5;border-radius:25px;background:#f7f0f6;padding:9px 15px;position:absolute;bottom:4px;transform:rotate(-6deg);white-space:nowrap}.booking-card{padding:29px}.booking-kicker{color:#b29ab6;font-size:8px;letter-spacing:1.8px;margin-bottom:11px}.booking-card h2{font-size:20px;letter-spacing:-.6px;color:#725675}.booking-card>p{font-size:11px;margin-top:9px}.booking-progress{display:flex;align-items:center;gap:10px;padding:21px 0 28px;color:#c3acc9;font-size:9px}.booking-progress span{display:flex;align-items:center;gap:7px;white-space:nowrap}.booking-progress b{border:1px solid #e6d9ec;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:500}.booking-progress .current{color:var(--brand)}.booking-progress .current b{background:var(--brand);color:white;border-color:var(--brand)}.booking-progress i{height:1px;background:#eee4f1;flex:1}.service-picks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service-pick{border:1px solid #e9dfec;background:white;padding:13px;display:flex;gap:10px;align-items:center;text-align:left;border-radius:10px;color:#84678d}.service-pick.selected{background:#faf5fa;border-color:#b995b5;box-shadow:0 0 0 1px #cdb1ca20}.service-pick-icon{display:flex;color:#b38baa}.service-pick b{font-size:10px;font-weight:600;display:block;line-height:1.5}.service-pick small{display:block;font-size:9px;color:#b498bb;margin-top:4px}.selection-dot{margin-left:auto;width:12px;height:12px;border:1px solid #dbc7df;border-radius:50%;flex-shrink:0}.selected .selection-dot{border:4px solid var(--brand);background:white}.booking-summary{padding:15px 16px;border:1px solid #e7dce9;background:#fbf8fc;border-radius:11px;display:flex;align-items:center;gap:12px}.summary-icon{display:flex;color:#ac87a7}.booking-summary b{font-size:11px;color:#816187;display:block}.booking-summary small{font-size:10px;color:#b197b8;display:block;margin-top:5px}.booking-summary strong{margin-left:auto;font-size:15px;letter-spacing:-.5px;color:#886487}.mobile-nav,.mobile-brand{display:none}.app-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;padding:35px 18px 30px;align-items:center}.app-intro-copy{max-width:440px}.app-state{display:table;border:1px solid #dfcedf;background:#f7f0f6;border-radius:20px;color:#aa88aa;font-size:8px;letter-spacing:1px;padding:8px 12px;margin-top:22px}.app-intro h1{font:57px/1.04 Georgia,serif;letter-spacing:-2px;color:#71516f;margin:23px 0}.app-intro p{font-size:12px;color:#9e88a5;max-width:340px;line-height:1.95}.app-install-primary{font-size:13px;padding:16px 24px;margin-top:12px;border-radius:12px;box-shadow:0 10px 25px #7246591e}.install-platforms{display:flex;gap:12px;align-items:center;color:#b29cba;font-size:10px;margin-top:17px}.install-platforms i{width:3px;height:3px;background:#d9c4df;border-radius:50%}.app-features{margin-top:32px;display:flex;flex-direction:column;gap:16px}.app-features>div{display:flex;gap:11px;align-items:center;color:#aa8cab;font-size:11px}.app-features svg{color:#b899b6}.app-phone-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:520px}.phone-orbit{position:absolute;width:360px;height:360px;background:#f1e8f0;border:1px solid #eaddE9;border-radius:50%;box-shadow:0 0 0 23px #f8f3f8,0 0 0 24px #efe6ef}.phone-petal{position:absolute;font:250px Georgia,serif;color:#e6d6e3;right:-15px;top:0}.phone-mock{width:240px;height:485px;border-radius:37px;border:7px solid #3e2f40;background:#fff;box-shadow:18px 30px 65px #54385c24,0 0 0 1px #dac8de;position:relative;transform:rotate(5deg);padding:20px 14px;overflow:hidden}.phone-camera{width:70px;height:16px;background:#3e2f40;border-radius:0 0 12px 12px;position:absolute;top:0;left:50%;transform:translateX(-50%)}.phone-status{display:flex;justify-content:space-between;font-size:8px;color:#624a6b;margin:0 1px 17px}.phone-brand{display:flex;align-items:center;gap:5px;color:#82618a;font-size:10px;letter-spacing:-.3px}.phone-brand .brand-badge{background:#f4e9f2;width:25px;height:25px;color:#a77d9c;border-radius:8px}.phone-brand svg{width:22px;height:22px}.phone-greeting{background:#f5eaf2;padding:18px;border-radius:12px;margin:17px 0}.phone-greeting small{font-size:5px;color:#b18da9;letter-spacing:1px}.phone-greeting h3{font:29px/1.06 Georgia,serif;color:#916e89;letter-spacing:-1px;margin:12px 0}.phone-greeting>span{font-size:6px;color:#b38da9}.phone-card{border:1px solid #eee5f1;border-radius:10px;padding:12px 8px;display:flex;gap:8px;align-items:center}.phone-card>span{display:flex;color:#b28bb1}.phone-card b,.phone-service b{font-size:7px;color:#8d6d97;display:block}.phone-card small,.phone-service small{display:block;font-size:5px;color:#b79abd;margin-top:4px}.phone-service{padding:16px 6px;display:flex;align-items:center;gap:8px}.phone-service>span{font-size:25px;color:#c6a3c1}.phone-cta{background:var(--brand);color:white;font-size:8px;text-align:center;padding:12px;border-radius:8px}.phone-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #f2eaf5;height:45px;display:flex;align-items:center;justify-content:space-around;color:#c0a5cb}.phone-bottom svg{width:14px;height:14px}.floating-app-label{position:absolute;bottom:42px;left:5px;background:#fff;border:1px solid #ebddee;border-radius:10px;box-shadow:0 9px 25px #694b7210;padding:12px 16px;font-size:10px;display:flex;gap:9px;align-items:center;color:#9980a2;transform:rotate(-4deg)}.floating-app-label svg{color:#88a88a}.install-guide{padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}.install-guide>div:first-child{text-align:center}.install-guide h2{font:32px Georgia,serif;color:#866486;margin-top:13px;letter-spacing:-1px}.install-guide>div:first-child p{font-size:11px;color:#b19abb}.install-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:25px}.guide-number{font:30px Georgia,serif;color:#dac2dd}.install-guide-grid h3{font-size:14px;margin-top:18px;color:#98759f}.install-guide-grid p{font-size:11px;color:#b098b9}.install-guide-grid p b{color:#937297;font-weight:600}.app-note{display:flex;gap:10px;align-items:center;background:#f2f6f1;padding:10px 18px;color:#8caa8b;margin-top:20px;border-radius:10px}.app-note p{font-size:10px;color:#95a794;margin:0}.app-note svg{flex-shrink:0}.install-dialog-head{text-align:center;padding:10px 15px 20px}.install-dialog-head img{width:68px;height:68px;border-radius:19px;box-shadow:0 12px 25px #72465920}.install-dialog-head h3{font-size:22px;letter-spacing:-.8px;margin:15px 0 8px;color:#725474}.install-dialog-head p{font-size:12px;margin:0}.install-instructions{border:1px solid #ebdeee;background:#fcf9fd;border-radius:12px;padding:18px}.install-instructions ol{padding-left:20px;color:#9b81a6;font-size:12px;line-height:2.2;margin:0}.install-instructions h4{margin:0 0 10px;color:#8a6994}.install-dialog-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.install-dialog-actions .btn{width:100%;margin:0}.install-help{font-size:10px;color:#baa1c3;text-align:center;line-height:1.8;margin-top:15px}.connection-banner{position:fixed;top:0;left:246px;right:0;z-index:100;background:#f6e9c9;color:#977b3f;text-align:center;padding:8px 15px;font-size:11px;line-height:1.5}.connection-banner[hidden]{display:none}body.is-offline .live-status{color:#b49a61}body.is-offline .live-status i{background:#d5b475}@media(min-width:1500px){.page-shell{padding:40px 56px}.topbar{padding:0 56px}.columns{grid-template-columns:minmax(0,1fr) 325px}}@media(max-width:1200px){.sidebar{width:222px;padding:25px 16px}.topbar,.page-shell{margin-left:222px}.topbar{padding:0 27px}.page-shell{padding:28px 27px}.connection-banner{left:222px}.columns{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.card{padding:19px}.stats{gap:11px}.stats .card{padding:16px}.stat-top{font-size:9px}.number{font-size:24px}.app-intro h1{font-size:48px}.phone-orbit{width:290px;height:290px}.sidebar .brand{font-size:18px}.side-install{padding:14px}.appt{grid-template-columns:43px minmax(0,1fr);gap:10px}.appt>div:last-child{grid-column:2;max-width:none}.appt-details{align-items:flex-start}.welcome-date{margin-right:20px}.live-status{display:none}}@media(max-width:1000px){.columns{grid-template-columns:1fr}.right{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.right>.card{margin-top:0!important}.right .note{min-height:220px}.setupgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-art{width:180px;min-width:150px}.booking-hero{padding:30px}.booking-hero h1{font-size:39px}.appt{grid-template-columns:47px minmax(0,1fr) auto}.appt>div:last-child{grid-column:auto;max-width:210px}.app-intro{gap:10px;padding:20px 0}.app-intro h1{font-size:43px}.phone-mock{transform:rotate(5deg) scale(.88)}.phone-orbit{width:250px;height:250px}.app-phone-stage{min-height:470px}.phone-petal{font-size:180px;right:-5px;top:35px}.floating-app-label{bottom:32px;left:-10px}.install-guide-grid{gap:12px}.install-guide-grid .card{padding:17px}.app-intro p{font-size:11px}.app-features{gap:12px}.app-features>div{font-size:10px}.install-platforms{gap:8px}}
@media(max-width:760px){.sidebar{display:none}.topbar{margin-left:0;height:72px;padding:env(safe-area-inset-top,0) 19px 0;position:sticky;top:0;z-index:30;background:#fffcffef;backdrop-filter:blur(15px)}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#76577c;font-size:14px;letter-spacing:-.4px;font-weight:600;min-width:0}.mobile-brand>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:180px}.mobile-brand .brand-badge{background:#f4e9f4;color:#ba96b3;width:32px;height:32px;border-radius:10px}.mobile-brand .brand-badge svg{width:27px;height:27px}.topbar-actions{gap:7px}.install-top{background:#f7f0f7;color:#ad85a7;border-color:#ecdfed;min-width:34px;min-height:34px;padding:8px}.install-top span{display:none}.page-shell{margin:0;padding:25px 18px calc(93px + env(safe-area-inset-bottom,0px));min-height:calc(100dvh - 72px)}.heading{margin-bottom:22px;align-items:flex-start;flex-wrap:wrap;gap:15px}.heading h1{font-size:25px;margin-top:9px;line-height:1.2}.heading .small{font-size:11px;max-width:320px}.heading>.btn,.heading>.subnav{margin-top:0}.heading .btn{font-size:10px;padding:10px 13px;min-height:38px}.eyebrow{font-size:8px;letter-spacing:1.7px}.mobile-nav{display:flex;align-items:center;justify-content:space-around;gap:3px;position:fixed;inset:auto 0 0;background:#fffcffed;border-top:1px solid #eadfeb;padding:9px 8px calc(9px + env(safe-area-inset-bottom,0px));z-index:40;backdrop-filter:blur(20px);box-shadow:0 -5px 30px #63426804}.mobile-nav button{background:transparent;color:#bea6c6;min-height:43px;min-width:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:9px;flex:1;position:relative}.mobile-nav button span{font-size:8px;font-weight:500}.mobile-nav button.active{color:var(--brand)}.mobile-nav button.active:before{content:'';position:absolute;top:-10px;width:26px;height:2px;background:var(--brand);border-radius:3px}.mobile-nav button.active svg{stroke-width:2}.stats{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:23px}.stats .card{padding:16px;border-radius:12px}.stat-top{font-size:10px}.stat-icon{width:26px;height:26px;font-size:14px}.number{font-size:27px;margin:11px 0}.stat-note{font-size:9px}.dashboard-welcome{padding:25px 23px;border-radius:14px;min-height:178px;margin-bottom:20px}.dashboard-welcome h2{font-size:29px}.dashboard-welcome .eyebrow{font-size:7px;letter-spacing:1.5px}.dashboard-welcome p{font-size:10px;max-width:220px}.welcome-date{min-width:74px;padding-left:17px;margin-right:0;position:relative}.welcome-date span{font-size:8px;letter-spacing:1.2px}.welcome-date b{font-size:45px}.welcome-date small{font-size:8px}.welcome-flower{font-size:200px;right:-60px;top:15px}.columns{gap:18px}.card{padding:21px;border-radius:13px}.section-title h2{font-size:16px}.section-title input{padding:8px;min-height:36px;max-width:135px!important;font-size:11px}.week{gap:5px}.day{font-size:9px;padding:10px 2px}.day b{font-size:17px}.appt{grid-template-columns:40px minmax(0,1fr);gap:9px;padding:20px 0}.appt>div:last-child{grid-column:2;max-width:none;margin-top:1px}.appt-details .avatar{width:34px;height:34px;font-size:10px}.appt-details{gap:9px}.appt h3{font-size:12px}.appt .small{font-size:10px}.time{font-size:12px}.time small{font-size:8px}.status{font-size:9px}.actions{margin-top:8px}.btn.tiny{min-height:34px;font-size:10px}.right{grid-template-columns:1fr}.right .note{min-height:0}.note h2{font-size:29px}.note p{font-size:11px;max-width:290px}.right .note{padding:25px}.right .note .eyebrow{font-size:8px}.note:after{right:-35px;bottom:-65px}.form-grid{gap:17px}.form-grid>div:not(.full){min-width:0}input,select,textarea{font-size:16px;padding:12px 11px;min-height:46px;border-radius:9px}label{font-size:11px}form .btn[type=submit]{min-height:47px;font-size:12px}.check input{min-height:auto}.banner{padding:17px;align-items:flex-start;flex-wrap:wrap;gap:10px}.banner p{font-size:10px}.setupgrid{grid-template-columns:1fr}.grid.services{grid-template-columns:1fr!important}.booking-hero{padding:27px 24px;min-height:246px;gap:10px;border-radius:17px;margin-bottom:20px}.booking-hero .eyebrow{font-size:7px;letter-spacing:1.3px;max-width:210px;line-height:1.8}.booking-hero h1{font-size:37px;letter-spacing:-1.2px;margin-top:18px;max-width:260px}.booking-hero p{font-size:10px;max-width:220px;line-height:1.7}.booking-hero .pill{font-size:8px;max-width:240px}.booking-art{position:absolute;right:-42px;top:43px;width:160px;min-width:160px;opacity:.5;z-index:0}.art-flower{font-size:165px}.art-orbit{width:150px;height:170px}.art-orbit.two{width:150px;height:175px}.art-tag{display:none}.booking-card{padding:23px 19px}.booking-card h2{font-size:20px}.booking-progress{gap:6px;font-size:8px;padding:19px 0 24px}.booking-progress b{width:19px;height:19px;font-size:8px}.booking-progress span{gap:5px}.booking-kicker{font-size:7px}.service-picks{grid-template-columns:1fr}.service-pick{padding:13px 12px;gap:11px;min-height:59px}.service-pick b{font-size:11px}.service-pick small{font-size:10px}.service-pick-icon{width:31px;height:31px;background:#f4eaf3;border-radius:8px;align-items:center;justify-content:center}.selection-dot{width:14px;height:14px}.booking-summary{padding:15px 12px;gap:9px}.booking-summary b{font-size:11px}.booking-summary small{font-size:9px}.booking-summary strong{font-size:15px}.summary-icon svg{width:19px}.booking-card .form-grid>#serviceShowcase{margin-top:-3px}.booking-card form>.btn{width:100%}.home-welcome{padding:29px 25px;min-height:260px}.home-welcome h2{font-size:33px;line-height:1.1}.home-welcome p{font-size:10px}.home-welcome-mark{right:-75px;top:60px;font-size:230px;opacity:.8}.home-welcome .eyebrow{font-size:7px}.trial-note{font-size:10px}.app-intro{grid-template-columns:1fr;padding:8px 6px;gap:10px}.app-intro-copy{max-width:none}.app-intro h1{font-size:49px;letter-spacing:-1.7px;margin:23px 0 18px}.app-intro .eyebrow{font-size:8px}.app-state{font-size:7px;padding:7px 10px;margin-top:18px}.app-intro p{font-size:12px;max-width:330px}.app-install-primary{font-size:13px;min-height:51px;padding:15px 23px}.install-platforms{font-size:10px;margin-top:18px;gap:12px}.app-features{gap:14px;margin-top:28px}.app-features>div{font-size:11px}.app-phone-stage{min-height:510px;margin-top:14px}.phone-mock{transform:rotate(5deg) scale(.98)}.phone-orbit{width:290px;height:290px}.phone-petal{right:0;top:10px;font-size:210px}.floating-app-label{bottom:40px;left:0;max-width:210px;font-size:10px}.install-guide{margin-top:0;padding-top:28px}.install-guide h2{font-size:31px}.install-guide-grid{grid-template-columns:1fr;gap:14px;margin-top:22px}.install-guide-grid .card{padding:22px}.install-guide-grid h3{margin-top:10px;font-size:16px}.install-guide-grid p{font-size:12px}.guide-number{font-size:29px}.app-note{padding:15px;margin-top:20px;align-items:flex-start}.app-note p{font-size:10px}.app-note svg{margin-top:3px}.install-dialog-head h3{font-size:24px}.install-dialog-head p{font-size:12px}.install-instructions{padding:18px}.install-instructions ol{font-size:12px;line-height:2.1}.connection-banner{left:0;top:72px;font-size:10px}.connection-banner:not([hidden])~#root .page-shell{padding-top:55px}dialog{padding:22px;border-radius:19px;max-height:88dvh;width:calc(100vw - 24px)}dialog::backdrop{backdrop-filter:blur(6px)}dialog .section-title{margin-bottom:18px}dialog h2{font-size:18px}#toast{bottom:calc(87px + env(safe-area-inset-bottom,0px));width:calc(100% - 36px);max-width:400px;text-align:center;padding:13px 18px;font-size:11px;border-radius:12px}footer{font-size:8px;flex-wrap:wrap;gap:7px;margin-top:28px}footer>span:last-child{display:none}}
@media(max-width:380px){.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.heading h1{font-size:23px}.booking-hero h1{font-size:33px}.mobile-brand>span:last-child{max-width:145px}.dashboard-welcome{padding:22px 18px}.dashboard-welcome h2{font-size:26px}.welcome-date{padding-left:10px;min-width:60px}.welcome-date small{font-size:7px}.stat-top{font-size:9px}.number{font-size:23px}.app-intro h1{font-size:43px}.app-phone-stage{transform:scale(.9);margin-top:-10px;margin-bottom:-25px}.booking-progress{font-size:7px;gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top,0px);height:calc(72px + env(safe-area-inset-top,0px))}.install-top{display:none}}
/* Keep small labels legible on pale surfaces and in bright phone displays. */
:root{--muted:#786d7d}.heading .small,.stat-top,.stat-note,.fieldhint,.empty,.teamrow small{color:#85728e}.stat-note{font-size:10px}.day{color:#8a7095}.day.selected{color:#f3e4ef}.note p{color:#8b6c89}.appt .small{color:#8d7695}.status{color:#4d7355;font-size:10px}.status.pending{color:#8b682b}.status.cancel{color:#995c5c}.booking-hero p,.booking-card>p{color:#91708b}.service-pick small,.booking-summary small{color:#8a7094}.install-guide-grid p{color:#806987}.install-guide-grid p b{color:#73597d}.app-intro p{color:#87708f}.app-features>div{color:#8a6d91}.install-platforms{color:#8d7497}.install-dialog-head p,.install-help{color:#8f759a}.install-instructions ol{color:#876b93}.app-note p{color:#5e785e}.mobile-nav button{color:#866c93}.mobile-nav button.active{color:var(--brand)}.booking-progress{color:#94789e}.home-welcome p,.dashboard-welcome p{color:#937397}.booking-kicker{color:#94749e}
@media(max-width:760px){.stat-note{font-size:9px}.stat-top{font-size:10px}.install-guide-grid p{font-size:12px}.mobile-nav button span{font-size:9px}}
.studio-socials{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.social-link{font-size:10px;text-decoration:none;display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #ddcbdc;border-radius:8px;background:#ffffffa6;font-weight:600}.social-link.whatsapp{color:#4e8060;border-color:#d2e2d5;background:#f5faf5}.social-link.instagram{color:#98658a}.whatsapp-customer{display:inline-flex;color:#5e8969;font-size:10px;text-decoration:none;margin-top:8px}.whatsapp-customer:hover{text-decoration:underline}textarea{resize:vertical}
.subscription-banner{display:flex;align-items:center;gap:15px;padding:12px 17px;margin-bottom:23px;background:#f7f0e4;border:1px solid #ebdfc6;border-radius:10px;color:#92703b;font-size:11px}.subscription-banner>span{font-weight:650}.subscription-banner small{font-size:10px;opacity:.85}.subscription-banner button{margin-left:auto;background:none;color:inherit;font-size:10px;font-weight:650;padding:4px}.subscription-banner.paid{background:#eef5ef;color:#52785a;border-color:#dcebdd}.billing-lock{min-height:100dvh;display:grid;place-items:center;padding:35px 22px;background:radial-gradient(ellipse at 30% 30%,#eddfef,transparent 60%),#faf7fb}.billing-lock-card{background:#fff;border:1px solid #e8ddea;box-shadow:0 25px 100px #6035630d;border-radius:25px;max-width:590px;width:100%;padding:40px;text-align:center}.billing-lock-card .logo{margin-bottom:30px}.billing-emblem{display:grid;place-items:center;margin:0 auto 23px;background:#f6e9f4;color:var(--brand);width:78px;height:78px;border-radius:24px;border:1px solid #ecd9e9}.billing-lock-card h1{font:39px/1.12 Georgia,serif;color:#795777;letter-spacing:-1.4px;margin:20px 0}.billing-lock-card>p{max-width:420px;margin:17px auto;font-size:12px;line-height:1.9}.billing-benefits{display:flex;flex-direction:column;gap:13px;background:#fcf9fd;border:1px solid #eee4f0;border-radius:12px;padding:21px;text-align:left;color:#907097;font-size:11px;margin:25px 0}.billing-lock-card>.btn{width:100%;margin:5px 0;min-height:46px}.billing-lock-card>a.small{display:inline-block;margin:15px 0 0}.onboarding-shell{max-width:1120px;margin:0 auto;padding:65px 35px;min-height:100dvh;display:flex;align-items:center}.onboarding{display:grid;grid-template-columns:.85fr 1.1fr;gap:40px;align-items:center;width:100%;padding:20px 0}.onboarding-intro{position:relative}.onboarding-intro h1{font:49px/1.05 Georgia,serif;letter-spacing:-1.8px;color:var(--brand);margin:23px 0}.onboarding-intro p{font-size:12px;max-width:290px}.onboarding-flower{font:150px Georgia,serif;color:#e6d7e5;line-height:1;margin:20px 0 0;opacity:.7}.niche-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.niche-option{position:relative;padding:21px 17px;text-align:left;min-height:143px;border:1px solid #e8dce9;border-radius:12px;background:#fffcff;color:#8f7296;transition:border .15s,background .15s}.niche-option>span{font-size:27px;display:block;line-height:1;margin-bottom:18px;color:var(--brand)}.niche-option>b{display:block;font-size:12px;line-height:1.5;color:#73567d}.niche-option>small{display:block;font-size:10px;line-height:1.6;color:#9a83a3;margin-top:6px}.niche-option>i{position:absolute;top:16px;right:16px;width:13px;height:13px;border:1px solid #d8c5dd;border-radius:50%}.niche-option.selected{background:#f7eef6;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.niche-option.selected>i{border:4px solid var(--brand);background:white}.onboarding form>.btn{width:100%}.studio-unavailable{padding:45px;max-width:760px;margin:auto}.studio-unavailable h1{font:38px/1.1 Georgia,serif;letter-spacing:-1px;margin:20px 0;color:var(--brand)}
/* Niches are applied to both the management area and the exclusive client route. */
body[data-theme=estetica]{--page:#f5f8f5;--ink:#293b34;--muted:#708078;--line:#e0e9e2;--light:#e5f0e8;--sidebar:#283d35}body[data-theme=estetica] .booking-hero,body[data-theme=estetica] .dashboard-welcome,body[data-theme=estetica] .home-welcome{background:linear-gradient(120deg,#e7f0e8,#f1f6ed);border-color:#dbe7dc}body[data-theme=estetica] :is(.booking-hero h1,.dashboard-welcome h2,.home-welcome h2,.note h2,.app-intro h1){color:#527367}body[data-theme=estetica] :is(.booking-hero p,.dashboard-welcome p,.home-welcome p,.eyebrow,.app-intro p,.small){color:#71897a}body[data-theme=estetica] .note{background:#edf3e9;border-color:#dce6d6}body[data-theme=estetica] .service-pick.selected{background:#f0f7ee;border-color:#88a38d}body[data-theme=estetica] :is(.booking-summary,.phone-greeting){background:#edf4eb;border-color:#dae7d9}body[data-theme=estetica] :is(.phone-orbit,.welcome-flower,.home-welcome-mark){background-color:transparent;color:#d1e2d0}body[data-theme=estetica] .art-flower{color:#abc8b3}body[data-theme=salao]{--page:#fbf8fc;--ink:#211b29;--muted:#74617d;--line:#eadfee;--sidebar:#201825;--light:#f1dcee}body[data-theme=salao] .booking-hero,body[data-theme=salao] .dashboard-welcome,body[data-theme=salao] .home-welcome{background:linear-gradient(120deg,#321f38,#573047);border-color:#4d2a50}body[data-theme=salao] :is(.booking-hero h1,.dashboard-welcome h2,.home-welcome h2){color:#fff0fa;font-family:'Segoe UI',sans-serif;font-weight:750;letter-spacing:-1.8px}body[data-theme=salao] :is(.booking-hero p,.dashboard-welcome p,.home-welcome p,.booking-hero .eyebrow,.dashboard-welcome .eyebrow,.home-welcome .eyebrow){color:#d7b7ce}body[data-theme=salao] .art-flower{color:#bf7b9e}body[data-theme=salao] :is(.welcome-flower,.home-welcome-mark){color:#a3659250}body[data-theme=salao] .welcome-date{color:#dfb7d3;border-color:#c59bbb4d}body[data-theme=salao] .welcome-date b{color:#ffe5f6}body[data-theme=salao] .note{background:#f4e4f2;border-color:#e5c6e2}body[data-theme=salao] :is(.service-pick.selected,.booking-summary){background:#fff6fd;border-color:#bf8cb6}
body[data-theme=barbearia]{--page:#1c2021;--surface:#252a2b;--ink:#ece8df;--muted:#b8b5a9;--line:#3a403f;--sidebar:#131617;--light:#3c3327;--shadow:0 5px 30px #00000012;color-scheme:dark}body[data-theme=barbearia] .topbar{background:#1e2324eF;border-color:#353c3d}body[data-theme=barbearia] :is(.breadcrumb b,.mobile-brand,.section-title h2,.card h2,.card h3,.appt h3){color:#e8e0d0}body[data-theme=barbearia] :is(.heading h1,.booking-hero h1,.dashboard-welcome h2,.home-welcome h2,.onboarding h1,.app-intro h1,.billing-lock-card h1){font-family:'Arial Black','Segoe UI',sans-serif;font-weight:850;letter-spacing:-1px;color:#ebdcc4}body[data-theme=barbearia] :is(.booking-hero,.dashboard-welcome,.home-welcome){background:repeating-linear-gradient(91deg,#3d30261a 0,#352c2220 4px,transparent 5px,transparent 24px),linear-gradient(120deg,#3d342a,#292d2c);border-color:#594936}body[data-theme=barbearia] :is(p,.small,.fieldhint,.stat-note,.stat-top,.heading .small,.appt .small,.note p,.booking-card>p,.booking-hero p,.dashboard-welcome p,.home-welcome p,.app-intro p,.app-features>div,.install-platforms,.day,.teamrow small){color:#b3afa0}body[data-theme=barbearia] :is(.eyebrow,.booking-kicker,.booking-hero .eyebrow,.dashboard-welcome .eyebrow,.time,label,.service-pick b,.booking-summary b,.booking-summary strong){color:#c4a477}body[data-theme=barbearia] :is(input,select,textarea){background:#1d2324;border-color:#48504e;color:#e5dfd2}body[data-theme=barbearia] input[readonly]{color:#beb5a5}body[data-theme=barbearia] :is(.btn.secondary,.day,.service-pick){background:#222829;color:#c3b59d;border-color:#434943}body[data-theme=barbearia] .day b{color:#d9c5a7}body[data-theme=barbearia] .day.selected{background:var(--brand);color:#191b19;border-color:var(--brand)}body[data-theme=barbearia] .day.selected b{color:#201d17}body[data-theme=barbearia] .btn{color:#171b1b}body[data-theme=barbearia] .btn.secondary{color:#d9c5a7}body[data-theme=barbearia] :is(.note,.booking-summary,.service-pick.selected,.niche-option.selected){background:#32352e;border-color:#776247}body[data-theme=barbearia] .note h2{color:#d0b68e}body[data-theme=barbearia] .avatar{background:#39362d;color:#d0b68e;border-color:#594c37}body[data-theme=barbearia] :is(.welcome-flower,.home-welcome-mark){color:#8a6f482e}body[data-theme=barbearia] .art-flower{color:#a78b63}body[data-theme=barbearia] :is(.art-orbit,.art-tag){border-color:#816b47;background:transparent;color:#c5ae8e}body[data-theme=barbearia] .welcome-date{color:#c6b08c;border-color:#6b5940}body[data-theme=barbearia] .welcome-date b{color:#ead6b4}body[data-theme=barbearia] :is(.status,.pill,.app-note){background:#2c3b2d;color:#b5d0ae;border-color:#445640}body[data-theme=barbearia] .status.pending{background:#443923;color:#e1bf7d}body[data-theme=barbearia] .status.cancel{background:#48302b;color:#e1b1a7}body[data-theme=barbearia] .stat-icon{background:#39342b;color:#c9ab7d}body[data-theme=barbearia] :is(.appt,footer,.phone-bottom){border-color:#3d433f}body[data-theme=barbearia] :is(.banner,.trial-note,.subscription-banner){background:#373126;border-color:#6c593b;color:#d1b98e}body[data-theme=barbearia] .subscription-banner.paid{background:#283b2d;color:#b2cfb4;border-color:#435a44}body[data-theme=barbearia] :is(.mobile-nav,dialog){background:#23292a;border-color:#444b45}body[data-theme=barbearia] .mobile-nav button{color:#a9a18e}body[data-theme=barbearia] .mobile-nav button.active{color:#e1bf86}body[data-theme=barbearia] :is(.niche-option,.billing-lock-card,.install-instructions,.billing-benefits){background:#262d2c;border-color:#474d43;color:#d5c4a7}body[data-theme=barbearia] .niche-option b{color:#d0b68e}body[data-theme=barbearia] :is(.billing-lock,.splash){background:#1c2222}body[data-theme=barbearia] .billing-emblem{background:#3b352b;border-color:#655137}body[data-theme=barbearia] .mobile-brand .brand-badge{background:#40382c;color:#ddc098}body[data-theme=barbearia] .app-intro-copy .app-state{background:#39352a;border-color:#63543b;color:#d7bc8f}body[data-theme=barbearia] .phone-mock{background:#f9f4ec;border-color:#141918}body[data-theme=barbearia] .phone-orbit{background:#31362e;box-shadow:0 0 0 23px #252d28,0 0 0 24px #3c4335;border-color:#4e543d}body[data-theme=barbearia] .phone-petal{color:#4a4731}body[data-theme=barbearia] .floating-app-label{background:#2b332f;border-color:#505342;color:#d1c1a1}body[data-theme=barbearia] .btn.danger{background:#48312a;color:#e4b1a6;border-color:#66443c}
@media(max-width:760px){.subscription-banner{gap:7px;flex-wrap:wrap;padding:12px;font-size:10px}.subscription-banner small{font-size:9px}.subscription-banner button{font-size:9px}.onboarding-shell{padding:28px 18px;min-height:100dvh;align-items:flex-start}.onboarding{grid-template-columns:1fr;gap:15px;padding:0}.onboarding-intro h1{font-size:39px;margin:18px 0}.onboarding-intro p{font-size:11px;max-width:340px}.onboarding-flower{display:none}.niche-grid{gap:10px}.niche-option{padding:18px 12px;min-height:145px}.niche-option>b{font-size:11px}.niche-option>small{font-size:9px}.niche-option>span{font-size:26px;margin-bottom:14px}.billing-lock{padding:20px 15px}.billing-lock-card{padding:29px 23px;border-radius:20px}.billing-lock-card h1{font-size:32px}.billing-lock-card>p{font-size:11px}.billing-benefits{font-size:10px;padding:17px}.studio-unavailable{padding:28px}.studio-unavailable h1{font-size:32px}}

/* Zelliva platform wordmark; studio names remain tenant-owned. */
.brand .zelliva-wordmark{font-size:28px;font-weight:750;letter-spacing:-1px;line-height:1.2}

/* Financial workspace and client records */
.finance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}.finance-range{display:flex;gap:12px}.finance-range label{margin:0;min-width:145px;font-size:11px}.finance-range input{margin-top:6px}.finance-notes{display:grid;grid-template-columns:1.4fr 1fr;gap:15px;margin-bottom:22px}.finance-notes .trial-note{margin:0}.finance-section-title{flex-wrap:wrap;gap:15px}.finance-section-title select{max-width:210px}.ledger-row{display:flex;gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line,#eadfeb);flex-wrap:wrap}.ledger-row:last-child{border-bottom:0}.ledger-symbol{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#f4e8ec;font-size:22px;color:#9a5c6e}.ledger-symbol.income{background:#eaf2ed;color:#527b64}.ledger-copy{flex:1;min-width:160px;overflow-wrap:anywhere}.ledger-copy b{font-size:14px}.ledger-copy p{font-size:12px;margin:5px 0}.ledger-copy small,.ledger-value small{font-size:11px;color:var(--muted,#927d98);display:block}.ledger-value{min-width:115px;text-align:right;display:grid;gap:7px}.ledger-value b{font-size:17px}.ledger-value .overdue{color:#a94849}.client-search{max-width:600px}.client-search input{min-width:0;flex:1}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.client-card{padding:22px;border:1px solid var(--line,#eadfeb);border-radius:17px;overflow-wrap:anywhere}.client-card .avatar{margin-bottom:15px}.client-card h3{margin:0 0 8px}.client-card p{font-size:13px;margin:7px 0}.client-card small{font-size:11px;color:var(--muted,#927d98);line-height:1.7}.client-history{border-top:1px solid var(--line,#eadfeb);padding-top:23px}.client-history-row{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line,#eadfeb);font-size:13px}.client-history-row p{font-size:12px;margin:7px 0}.client-history-row>b{white-space:nowrap}.form-grid textarea{resize:vertical;min-height:72px;width:100%;font:inherit}body[data-theme="barbearia"] .ledger-symbol{background:#3e302a;color:#d7af8d}body[data-theme="barbearia"] .ledger-symbol.income{background:#233b31;color:#a5c8ad}body[data-theme="barbearia"] .ledger-copy small,body[data-theme="barbearia"] .ledger-value small,body[data-theme="barbearia"] .client-card small{color:#b1a79e}body[data-theme="barbearia"] .client-card,body[data-theme="barbearia"] .ledger-row,body[data-theme="barbearia"] .client-history-row,body[data-theme="barbearia"] .client-history{border-color:#45403c}
@media(max-width:1000px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.finance-toolbar,.finance-range{width:100%}.finance-range label{min-width:0;flex:1}.finance-notes{grid-template-columns:1fr}.ledger-row{gap:12px}.ledger-row>.actions{width:100%;justify-content:flex-end}.ledger-row>.btn{margin-left:auto}.client-grid{grid-template-columns:1fr}.finance-section-title select{max-width:100%}.client-history-row{align-items:flex-start}}

/* Mobile navigation: the same role-scoped destinations as desktop. */
.mobile-menu-trigger{display:none}.mobile-menu{color:var(--ink);background:var(--surface);width:min(420px,calc(100vw - 24px));padding:24px}.mobile-menu nav{display:grid;gap:5px}.mobile-menu nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:13px 14px;min-height:48px;border-radius:10px;background:transparent;color:var(--ink)}.mobile-menu nav button.active{background:var(--light);color:var(--brand);font-weight:650}.mobile-menu .section-title{margin-bottom:10px}.menu-signout{display:flex;gap:12px;align-items:center;padding:16px 14px;border-top:1px solid var(--line);margin-top:16px;text-decoration:none}.notification-card{max-width:680px}.notification-emblem{display:grid;place-items:center;background:var(--light);color:var(--brand);width:58px;height:58px;border-radius:18px;margin-bottom:20px}.notification-card h2{font-size:24px}.notification-card [role=status]{padding:14px;background:var(--page);border-radius:10px}.mobile-menu nav button span{overflow-wrap:anywhere}
@media(max-width:760px){.mobile-menu-trigger{display:inline-grid;min-width:44px;min-height:44px;order:10}.topbar .install-top{display:none}.topbar .live-status{display:none}.topbar-actions .icon-button{min-width:44px;min-height:44px}.mobile-brand{flex:1}.mobile-brand>span:last-child{max-width:calc(100vw - 172px)}.mobile-nav button{min-width:0;min-height:48px}.mobile-nav button span{font-size:10px}.mobile-menu{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-right:12px;margin-top:calc(12px + env(safe-area-inset-top));border-radius:18px}.mobile-menu nav button{font-size:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{overflow-wrap:anywhere}.subnav .btn{min-height:44px}.btn.tiny{min-height:40px}.page-shell{overflow-wrap:anywhere}.finance-range{flex-wrap:wrap}.columns,.right{min-width:0}.topbar{height:calc(72px + env(safe-area-inset-top,0px))}}
@media(max-width:480px){.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .full{grid-column:1}.mobile-menu{padding:20px}.topbar{padding-left:14px;padding-right:10px}.stats .card{padding:14px}.finance-toolbar{gap:12px}.section-title{flex-wrap:wrap}}

body:has(#mobileMenu[open]){overflow:hidden}
/* Components with display:flex must still honor semantic hidden state. */
[hidden]{display:none!important}

.slot-choices{display:grid;gap:18px}.slot-group>b{display:block;margin-bottom:10px;font-size:12px;color:var(--muted)}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:9px}.slot-chip{min-height:46px;padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface);font-weight:600}.slot-chip.selected{background:var(--brand);border-color:var(--brand);color:white}.slot-chip:hover{border-color:var(--brand)}.finance-toolbar .btn[aria-pressed=true]{box-shadow:0 0 0 2px var(--light)}

/* Shared service identity, status remains explicit text. */
.service-colored{border-left:5px solid var(--service-color,#93677f);background:color-mix(in srgb,var(--service-color,#93677f) 9%,var(--surface,#fff))}
.appt.service-colored{padding:16px;border-radius:16px;margin-top:12px;color:var(--ink,#29232b)}
.service-pick.service-colored{background:color-mix(in srgb,var(--service-color) 10%,#fff);color:#29232b}
.color-picker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.color-swatch{width:34px;height:34px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d4cbd2;cursor:pointer}
.color-picker input[type=color]{width:56px;min-height:40px;padding:3px}
.birthday-list{display:flex;gap:16px;overflow:auto;padding:12px 0}
.birthday-chip{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:12px 16px;background:var(--soft,#f7f2f6);border-radius:15px}
.birthday-chip small{display:block;margin-top:4px}
.absence-note,.waitlist-offer{padding:14px;background:#fff5df;color:#624718;border-radius:12px;font-size:14px}
.package-covered{font-size:13px;color:#33634d;background:#eef8f1;padding:8px;border-radius:10px}
.stock-low{border-color:#c99439}.unread-notice{border-left:4px solid var(--brand);padding-left:14px}
.campaign-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}
.campaign-card{background:var(--soft,#f5edf4)}.campaign-card h2{margin-top:12px}
.seat-total{display:flex;flex-direction:column;gap:10px;margin:24px 0}.seat-total strong{font-size:42px;color:var(--brand)}
#studioFeatureForm .check input{width:auto}#studioFeatureForm textarea{width:100%}
@media(max-width:760px){.page-shell{scroll-margin-top:88px}.appt.service-colored{padding:14px}.appt .actions{flex-wrap:wrap}.ledger-row{overflow-wrap:anywhere}.waitlist-offer .subnav{flex-wrap:wrap}.campaign-strip{grid-template-columns:1fr}.birthday-panel .section-title{flex-wrap:wrap;gap:10px}.seat-total strong{font-size:36px}}

.area-switch{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--surface);color:var(--brand);font-size:12px;font-weight:650;white-space:nowrap}
.area-menu-card{padding:15px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff08;color:#eee1eb;margin:0 0 15px}.area-menu-card .eyebrow{font-size:8px;color:inherit;opacity:.65}.area-menu-card b{display:block;margin-top:8px;font-size:12px}.area-menu-card p{font-size:11px;line-height:1.5;opacity:.8}.area-menu-card .area-switch{width:100%;background:#ffffff0c;color:#f4d8e9;border-color:#ffffff20}
.mobile-menu .area-menu-card{background:var(--page);color:var(--ink);border-color:var(--line)}.mobile-menu .area-menu-card .area-switch{background:var(--surface);color:var(--brand);border-color:var(--line)}
.save-studio-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.saved-studio{text-decoration:none;color:var(--ink)}.saved-studio .avatar{margin-bottom:14px}.saved-studio>span:last-child{color:var(--brand);font-size:13px}.personal-intro{display:flex;gap:20px;align-items:center;justify-content:space-between}.personal-intro p{max-width:680px;line-height:1.7}.google-login{min-height:46px}
@media(max-width:760px){.topbar-actions>.area-switch{min-width:42px;padding:8px}.topbar-actions>.area-switch>span,.topbar-actions>.area-switch>svg:last-child{display:none}.personal-intro{align-items:stretch;flex-direction:column}.mobile-menu .area-menu-card{padding:14px}.area-menu-card b{font-size:14px}.save-studio-row .btn{flex:1;min-width:155px}}
/* Zelliva identity and establishment setup */
.entry-shell{max-width:1060px;margin:0 auto;padding:clamp(28px,6vw,80px) 24px}.entry-shell>.brand{margin-bottom:64px;width:max-content}.entry-shell h1{font-size:clamp(36px,6vw,64px);line-height:1.08;letter-spacing:-.04em}.entry-shell>p{color:var(--muted);max-width:560px;line-height:1.6}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0}.entry-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line,#e8e1e7);border-radius:24px;padding:28px;background:var(--card,#fff);color:var(--ink,#2e2430);cursor:pointer;min-width:0}.entry-card:hover,.entry-card:focus-visible{border-color:var(--brand);box-shadow:0 8px 30px #72465915}.entry-card>svg{color:var(--brand);margin-bottom:25px}.entry-card h2{font-size:23px;margin:0}.entry-card p{font-size:15px;line-height:1.6;flex:1;color:var(--muted)}.entry-card>span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--brand);margin-top:20px}.business-fields{border:0;padding:0;margin:28px 0}.business-fields legend{font-size:19px;font-weight:600;margin-bottom:18px}.business-fields textarea{width:100%;resize:vertical}.photo-thumb{width:54px;height:54px;border-radius:12px;object-fit:cover;flex:none}.photo-avatar{width:58px;height:58px;object-fit:cover;border-radius:50%;flex:none}.photo-profile{width:96px;height:96px;object-fit:cover;border-radius:20px}.photo-cover{width:100%;height:160px;object-fit:cover;border-radius:16px}.studio-cover{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:24px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.media-card{border:1px solid var(--line,#e8e1e7);border-radius:18px;padding:20px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}.media-card>h3{width:100%;font-size:16px}.media-card>img,.media-card>.photo-placeholder{display:block;margin-right:auto}.photo-placeholder{width:80px;height:80px;display:grid!important;place-items:center;background:var(--soft,#f4ecf2);border-radius:18px;color:var(--brand)}.crop-preview{display:block;width:100%;max-height:360px;object-fit:contain;margin:20px 0;border-radius:18px;background:#f5f3f5}.crop-preview[hidden]{display:none}.schedule-day,.schedule-exception{border:1px solid var(--line,#e8e1e7);border-radius:16px;padding:16px;margin:14px 0}.schedule-period{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin:12px 0}.schedule-period label{min-width:0;margin:0}.schedule-period button{margin-bottom:3px}.schedule-exception .subnav{align-items:end}.professional-strip{display:flex;gap:24px;overflow-x:auto;padding:22px 0 4px;margin-top:14px;border-top:1px solid var(--line,#eee)}.professional-strip>div{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:90px;max-width:150px;text-align:center;flex:none}.professional-strip small{color:var(--muted);font-size:12px}.studio-info .profile-head{margin-bottom:12px}.studio-info p{overflow-wrap:anywhere}.brand-badge svg{width:100%;height:100%}#photoForm input[type=range]{min-height:35px;padding:0;accent-color:var(--brand)}#weeklyEditor[hidden]{display:none}#professionalScheduleForm label.check{margin-top:16px}#blockPreview{line-height:1.5}.business-fields .fieldhint{line-height:1.5}.photo-thumb[hidden],.photo-avatar[hidden]{display:none}
@media(max-width:720px){.entry-grid{grid-template-columns:1fr;gap:12px}.entry-shell{padding:30px 20px}.entry-shell>.brand{margin-bottom:40px}.entry-card{padding:22px}.entry-card>svg{margin-bottom:12px}.entry-card>span{margin-top:10px}.media-grid{grid-template-columns:1fr}.schedule-period{gap:8px}.schedule-period input{padding:12px 7px;min-width:0;width:100%}.professional-strip{gap:18px}.studio-cover{max-height:220px;border-radius:18px}.studio-info{padding:22px}.business-fields input,.business-fields select{max-width:100%}}

.entry-shell>.brand{color:#492e48}.entry-shell .brand-badge{background:#492e48;color:#fff4e9;border-radius:12px}

.statement-table{overflow-x:auto}.statement-table table{width:100%;border-collapse:collapse;min-width:560px}.statement-table td,.statement-table th{padding:10px;text-align:left;border-bottom:1px solid var(--line,#eee)}

.update-banner{position:fixed;z-index:80;left:50%;transform:translateX(-50%);bottom:calc(90px + env(safe-area-inset-bottom));width:min(94vw,680px);display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #d8c3d4;border-radius:16px;background:#fff;color:#352b36;box-shadow:0 8px 40px #24112426;font-size:14px}.update-banner .btn{flex-shrink:0;margin:0}@media(max-width:520px){.update-banner{align-items:stretch;flex-direction:column;gap:8px}}