@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#171b1c;background:#f5f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8bc400;outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}h1{font-size:36px;font-weight:800}h2{font-size:24px}h3{font-size:17px}small{font-size:12px}.app{display:flex;min-height:100vh}.sidebar{width:250px;min-width:250px;background:#fff;border-right:1px solid #ebede8;padding:29px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope;font-size:32px;font-weight:800;letter-spacing:-.085em;padding:0 12px 36px}.brandmark{background:#c5fa1a;width:37px;height:37px;display:grid;place-items:center;border-radius:13px}.branddot{color:#a5d700}.sidebarlabel{color:#a2a7a0;font-size:10px;font-weight:800;letter-spacing:.14em;padding:0 13px 11px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid #ebede8;border-radius:13px;padding:11px;margin-bottom:29px}.workspaceavatar,.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#1d2527;color:#c7ff00;font-weight:800}.workspace strong,.profile span{font-size:12px}.workspace small,.profile small,.miniinfo small{display:block;color:#999e98;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.navitem{border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;color:#747b76;font-weight:700;font-size:13px}.navitem.active{background:#eefece;color:#19231b}.navdot{margin-left:auto;width:6px;height:6px;background:#88c600;border-radius:50%}.sidebarbottom{margin-top:auto}.miniinfo{display:flex;align-items:center;gap:9px;background:#f5f7f2;border-radius:13px;padding:12px;margin-bottom:20px;font-size:12px;font-weight:700}.minicircle{width:31px;height:31px;border-radius:50%;background:#c7ff00;display:grid;place-items:center}.profile{border-top:1px solid #eee;padding:20px 7px 0;display:flex;align-items:center;gap:11px}.profile .avatar{border-radius:50%}.main{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid #eceeea;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{display:flex;align-items:center;gap:12px;color:#929993;font-size:13px}.crumb strong{color:#252a26}.topactions{display:flex;align-items:center;gap:14px}.themebtn,.iconbtn{border:0;background:transparent;color:#777f79;display:grid;place-items:center;border-radius:9px;width:34px;height:34px}.themebtn:hover,.iconbtn:hover{background:#f0f2ee}.avatar.small{width:33px;height:33px;border-radius:50%;font-size:13px}.content{max-width:1460px;margin:auto;padding:36px 42px 80px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:29px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;color:#858d84;text-transform:uppercase;margin-bottom:8px}.pagehead p{color:#8d938e;font-size:14px;margin-top:8px}.headstar{font-size:24px;color:#9dd900;margin-left:12px;vertical-align:middle}.primary{border:0;border-radius:13px;background:#c5fa1a;color:#1c231a;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 19px;font-size:13px;font-weight:800;white-space:nowrap}.primary:hover{background:#b7ec06}.metrics{display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:14px}.metric{min-height:165px;border-radius:20px;background:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #eceee9}.metric.hero{background:#c5fa1a;border-color:#c5fa1a}.metriclabel{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#69736b}.hero .metriclabel{color:#3e5c0d}.heroamount{font-family:Manrope;font-size:37px;font-weight:800;letter-spacing:-.06em}.metricamount{font-family:Manrope;font-size:26px;font-weight:800;letter-spacing:-.055em}.metricfoot{font-size:11px;color:#9ca39a}.herobottom{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;font-weight:700}.pill{border-radius:99px;padding:7px 9px}.darkpill{background:#1b2420;color:#fff;font-size:10px}.toolbar{display:flex;justify-content:flex-end;margin:22px 0 17px}.tabs{display:flex;gap:4px;background:#fff;border:1px solid #e9ece7;border-radius:12px;padding:4px;width:max-content;max-width:100%;overflow:auto}.tabs button{border:0;background:transparent;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:700;color:#858b86;white-space:nowrap}.tabs button.selected{background:#1c2526;color:#fff}.dashboardgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.dashboardgrid.lower{margin-top:16px}.panel{background:#fff;border:1px solid #eceee9;border-radius:20px;padding:24px;min-width:0}.panelhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:23px}.panelhead h3{font-weight:800}.panelhead p{font-size:12px;color:#a1a7a0;margin-top:6px}.circleicon{width:37px;height:37px;border:1px solid #edf0e9;border-radius:50%;display:grid;place-items:center}.limeicon{display:grid;place-items:center;width:37px;height:37px;background:#c5fa1a;border-radius:50%;font-size:23px}.chartwrap{height:240px}.emptyinsight{background:#f6f8f2;border-radius:15px;min-height:245px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.bigemoji{font-size:30px;color:#90c900;margin-bottom:14px}.emptyinsight h3{font-size:19px}.emptyinsight p{font-size:12px;color:#7c857c;line-height:1.65;margin:8px 0 17px}.emptyinsight button{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:7px;font-weight:800;font-size:12px}.insightlist{display:flex;flex-direction:column;gap:14px}.insight{display:flex;gap:12px;padding:14px;border:1px solid #edf0e9;border-radius:13px}.insighticon{flex-shrink:0;background:#f1f8e5;border-radius:11px;width:36px;height:36px;display:grid;place-items:center;color:#789d22}.insight strong{font-size:12px}.insight p{font-size:12px;color:#858d84;line-height:1.55;margin-top:5px}.textbutton{border:0;background:transparent;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:#38433a}.empty{padding:43px 12px;text-align:center;color:#9ba29a;font-size:13px;display:grid;justify-items:center;gap:13px}.emptyicon{width:48px;height:48px;border-radius:15px;background:#f2f5ee;display:grid;place-items:center}.visitlist{display:flex;flex-direction:column}.visitrow{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f0f1ee}.visitrow:last-child{border-bottom:0}.visitavatar,.serviceicon{width:37px;height:37px;border-radius:12px;background:#f0f4e9;display:grid;place-items:center;flex-shrink:0;color:#789d22}.visitname{min-width:0;flex:1}.visitname strong,.clientidentity strong{font-size:12px;display:block}.visitname small,.clientidentity small{display:block;color:#a0a79e;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.visitdate{font-size:11px;color:#929a91}.visitamount{text-align:right;min-width:84px}.visitamount strong{font-size:12px;display:block}.visitamount small{font-size:10px}.paid{color:#609a1a}.pending{color:#c77e2b}.ranklist{display:flex;flex-direction:column;gap:19px}.rankrow{display:flex;gap:15px;align-items:center}.ranknumber{font-size:12px;color:#a4aca3;font-weight:800}.rankinfo{flex:1}.rankinfo>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.rankinfo span{color:#747d74}.progress{height:6px;background:#f0f2ed;border-radius:9px;overflow:hidden}.progress span{display:block;background:#b7f300;height:100%;border-radius:9px}.fullpanel{min-height:360px}.outline{border:1px solid #e4e9e0;border-radius:11px;background:#fff;padding:11px 14px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;color:#2b332d}.searchbox{display:flex;align-items:center;gap:10px;border:1px solid #e7eae5;background:#fafbf8;border-radius:12px;padding:0 14px;color:#9aa39a}.searchbox input{border:0;background:transparent;width:100%;padding:14px 0;outline:0;color:inherit}.clientrow{display:flex;align-items:center;gap:14px;border-bottom:1px solid #f0f2ef;padding:15px 0}.clientavatar{width:38px;height:38px;display:grid;place-items:center;background:#dfff94;border-radius:50%;font-size:13px;font-weight:800;flex-shrink:0}.clientidentity{flex:1;min-width:0}.clientmeta{font-size:12px;color:#858d84}.clientmoney{min-width:95px;text-align:right;font-size:12px}.analyticsmetrics{grid-template-columns:repeat(4,1fr)}.settingsnav{margin-bottom:17px}.inlineform{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.inlineform input{min-width:110px;flex:1;border:1px solid #e6eae3;border-radius:11px;padding:12px;background:#fbfcf9}.inlineform .primary{padding:12px 14px}.simplerow{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #eef1ec}.simplerow strong{font-size:13px;flex:1}.simplerow>span:not(.serviceicon){font-size:12px;color:#8b9389}.simplerow b{font-size:13px;min-width:90px;text-align:right}.goalbox{max-width:500px;background:#f7f9f4;border-radius:16px;padding:27px;display:flex;align-items:flex-start;flex-direction:column;gap:16px}.goalbox h2{font-size:36px}.goalbox .progress{width:100%;height:10px}.goalbox p,.dataactions p{font-size:13px;color:#7f887e;line-height:1.7}.dataactions{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.mobileNav,.floatingadd{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#101713a8;z-index:20;display:flex;justify-content:center;align-items:center;padding:18px}.overlay.nested{z-index:25}.modal{background:#fff;border-radius:23px;width:100%;max-width:560px;max-height:min(92vh,900px);display:flex;flex-direction:column;box-shadow:0 30px 100px #0003}.visitmodal{max-width:600px}.clientmodal{max-width:470px}.modalhead{display:flex;justify-content:space-between;align-items:center;padding:25px 26px 19px;border-bottom:1px solid #f0f2ed}.modalbody{overflow-y:auto;padding:22px 26px;display:flex;flex-direction:column;gap:11px}.fieldlabel{display:block;font-size:12px;font-weight:800;margin-bottom:2px}.fieldlabel span{color:#9ba49a;font-size:10px;font-weight:400;margin-left:5px}.fieldlabel.space{margin-top:15px}.selectedclient{display:flex;align-items:center;gap:12px;background:#f6f9ef;border-radius:12px;padding:10px}.selectedclient>div{flex:1}.selectedclient strong{display:block;font-size:13px}.selectedclient small{display:block;color:#929a90;margin-top:4px}.suggestions{border:1px solid #e8ece5;border-radius:12px;overflow:hidden}.suggestions>button{display:flex;width:100%;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:0;text-align:left}.suggestions>button:hover{background:#f7f9f4}.suggestions button span:nth-child(2){flex:1}.suggestions strong,.suggestions small{display:block;font-size:12px}.suggestions small{color:#a0a79d;margin-top:3px}.suggestions p{padding:15px;font-size:12px;color:#9aa09b}.suggestions .createclient{color:#476c13;font-weight:800;border-top:1px solid #edf0e8}.addclientlink{align-self:flex-start}.servicegrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.servicechoice{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1px solid #e6eae4;border-radius:12px;padding:13px;text-align:left;min-height:66px}.servicechoice.chosen{background:#f4fbdc;border-color:#a4d73a}.servicechoice strong,.servicechoice small{display:block}.servicechoice strong{font-size:12px}.servicechoice small{font-size:11px;color:#8c9589;margin-top:5px}.choicecheck,.choiceempty{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.choicecheck{background:#a7e000}.choiceempty{border:1px solid #dce1d7}.switch{display:flex;gap:4px;padding:4px;background:#f0f3eb;border-radius:12px}.switch button{flex:1;border:0;background:transparent;padding:11px 5px;border-radius:9px;font-size:12px;font-weight:800;color:#808b7e}.switch button.active{background:#fff;color:#1c231b;box-shadow:0 2px 7px #0000000a}.durationrow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.durationrow button,.paymentrow button{background:#fff;border:1px solid #e5eae1;border-radius:11px;padding:11px 6px;font-size:12px;font-weight:800}.durationrow button.active,.paymentrow button.active{background:#c5fa1a;border-color:#b8e929}.timepreview{padding:15px;border-radius:12px;background:#f5f8ee;display:flex;flex-direction:column;gap:6px}.timepreview span,.timepreview small{font-size:11px;color:#889382}.timepreview strong{font-size:15px}.timefields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timefields .timepreview{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:700}.field input,.field textarea{width:100%;padding:12px;border:1px solid #e5eae2;border-radius:11px;background:#fafbf8;color:#202722}.paymentrow{display:flex;gap:7px;flex-wrap:wrap}.paymentrow button{padding:10px 13px}.checkrow{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;padding:6px 0}.checkrow input{accent-color:#a5db00}.modalfooter{border-top:1px solid #eef1eb;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px}.modalfooter small{display:block;color:#9aa39a}.modalfooter strong{display:block;font-size:24px;font-family:Manrope;letter-spacing:-.05em}.modalfooter .primary{flex-shrink:0}:root[data-theme=dark]{background:#151b1a;color:#f3f5ef}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .topbar,:root[data-theme=dark] .panel,:root[data-theme=dark] .metric:not(.hero),:root[data-theme=dark] .tabs,:root[data-theme=dark] .modal{background:#202827;border-color:#303b37}:root[data-theme=dark] .metriclabel,:root[data-theme=dark] .panelhead p,:root[data-theme=dark] .pagehead p{color:#a5b1a8}:root[data-theme=dark] .navitem.active,:root[data-theme=dark] .workspace,:root[data-theme=dark] .miniinfo,:root[data-theme=dark] .emptyinsight,:root[data-theme=dark] .timepreview,:root[data-theme=dark] .selectedclient,:root[data-theme=dark] .switch,:root[data-theme=dark] .goalbox{background:#303c35;color:#e9f1e5}:root[data-theme=dark] .navitem.active{color:#c5fa1a}:root[data-theme=dark] .crumb strong,:root[data-theme=dark] .textbutton{color:#f0f4ec}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] .searchbox,:root[data-theme=dark] .outline,:root[data-theme=dark] .servicechoice,:root[data-theme=dark] .paymentrow button,:root[data-theme=dark] .durationrow button,:root[data-theme=dark] .suggestions>button{background:#27312d;color:#f0f4ee;border-color:#3c4940}:root[data-theme=dark] .switch button.active{background:#455247;color:#fff}:root[data-theme=dark] .servicechoice.chosen,:root[data-theme=dark] .paymentrow button.active,:root[data-theme=dark] .durationrow button.active{background:#52672b;color:#fff}@media (max-width:1200px){.sidebar{width:210px;min-width:210px}.content{padding:30px 25px 70px}.topbar{padding:0 25px}.metrics{grid-template-columns:repeat(2,1fr)}.metric.hero{grid-column:span 2}.dashboardgrid{grid-template-columns:1fr 1fr}.visitdate{display:none}}@media (max-width:820px){.sidebar{display:none}.topbar{height:58px;padding:0 18px}.content{padding:24px 16px 110px}.pagehead{align-items:flex-start}.pagehead h1{font-size:30px}.pagehead p{font-size:12px;max-width:300px}.pagehead>.primary{display:none}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{min-height:126px;padding:16px;border-radius:17px}.metric.hero{grid-column:span 2;min-height:158px}.heroamount{font-size:35px}.metricamount{font-size:23px}.metriclabel{font-size:11px}.dashboardgrid{grid-template-columns:1fr}.panel{padding:18px;border-radius:17px}.mobileNav{position:fixed;display:flex;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #e9ece5;z-index:10;padding:6px 7px max(6px,env(safe-area-inset-bottom));justify-content:space-around}.mobileNav button{border:0;background:transparent;color:#949b92;display:flex;align-items:center;flex-direction:column;gap:5px;min-width:54px;padding:8px 4px}.mobileNav button.active{color:#202b1e}.mobileNav button.active svg{stroke-width:3}.mobileNav small{font-size:10px}.floatingadd{display:grid;place-items:center;position:fixed;right:18px;bottom:88px;width:57px;height:57px;border:0;border-radius:18px;background:#c5fa1a;color:#1a2518;z-index:11;box-shadow:0 10px 24px #45680030}.toolbar{justify-content:flex-start}.analyticsmetrics{grid-template-columns:1fr 1fr}.modal{max-height:96dvh;border-radius:20px}.overlay{padding:8px}.modalbody{padding:18px}.modalhead,.modalfooter{padding:17px 18px}.visitrow{gap:8px}.visitrow .iconbtn{width:25px}.visitamount{min-width:75px}.visitname small{max-width:135px}.clientmeta{display:none}.clientmoney{min-width:80px}.inlineform{flex-direction:column}.inlineform input{min-height:44px}.simplerow{gap:7px}.simplerow>span:not(.serviceicon){display:none}:root[data-theme=dark] .mobileNav{background:#202827;border-color:#39413b}:root[data-theme=dark] .mobileNav button.active{color:#c5fa1a}}@media (max-width:390px){.herobottom .pill{display:none}.servicegrid{grid-template-columns:1fr 1fr}.servicechoice{padding:9px}.durationrow{gap:4px}.durationrow button{font-size:11px;padding:10px 3px}.modalfooter strong{font-size:20px}.modalfooter .primary{font-size:11px;padding:12px}}:root[data-theme=dark] .metric.hero,:root[data-theme=dark] .metric.hero .metriclabel,:root[data-theme=dark] .metric.hero .heroamount,:root[data-theme=dark] .metric.hero .herobottom,:root[data-theme=dark] .metric.hero .herobottom span:not(.darkpill),:root[data-theme=dark] .primary,:root[data-theme=dark] .floatingadd,:root[data-theme=dark] .limeicon,:root[data-theme=dark] .minicircle{color:#172119}:root[data-theme=dark] .metric.hero .darkpill{color:#fff}.customdates{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.customdates label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text)}.customdates input{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:10px;max-width:170px}.customdates small{color:#c56a40}.toolbar:has(.customdates){display:flex;flex-direction:column;align-items:stretch;gap:14px;justify-content:flex-start}.toolbar:has(.customdates)>.tabs{align-self:flex-end;display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.toolbar .customdates{align-self:flex-end;display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:0;padding:14px 16px;border:1px solid #39453e;border-radius:15px;background:#242e2a;max-width:100%;box-sizing:border-box}.toolbar .customdates label{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:12px;font-weight:650;min-width:155px;color:#dce5de}.toolbar .customdates input{box-sizing:border-box;width:185px;max-width:100%;min-height:43px;padding:10px 12px;border-radius:9px;border:1px solid #46534a;background:#151d19;color:#f6f9f5;color-scheme:dark;font:inherit}:root:not([data-theme=dark]) .toolbar .customdates{background:#f4f6f1;border-color:#e0e6db}:root:not([data-theme=dark]) .toolbar .customdates label{color:#29352c}:root:not([data-theme=dark]) .toolbar .customdates input{background:#fff;border-color:#d5ded2;color:#1d2920;color-scheme:light}@media (max-width:720px){.toolbar:has(.customdates)>.tabs{align-self:stretch;justify-content:flex-start}.toolbar .customdates{align-self:stretch;width:100%;gap:10px}.toolbar .customdates label{flex:1 1 130px;min-width:0}.toolbar .customdates input{width:100%}}