
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20272b;background:#f5f6f8;font-synthesis:none;--green:#35735f;--muted:#7b8389}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{max-width:1320px;padding:32px 50px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:27px;letter-spacing:-1px;font-weight:750}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;background:#2f6c59;color:white;border-radius:11px;font-size:27px;padding-bottom:4px;letter-spacing:-3px}.brand-icon span{font-size:20px;color:#b8d6c2}.brand-tag{font-weight:400;color:#899097;font-size:12px;letter-spacing:0;margin-left:9px;padding-left:18px;border-left:1px solid #dce0e4}.top-note{font-size:12px;color:#82898f}.auth-layout{max-width:1220px;margin:62px auto 82px;padding:0 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#6e7d76}.green-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#5b997e}h1{font-size:56px;letter-spacing:-2.8px;line-height:1.12;font-weight:650;margin:23px 0}h1 span{color:var(--green)}.intro-copy{color:#7d858b;font-size:15px;line-height:1.9;margin-bottom:37px}.illustration{position:relative;background:#fff;border:1px solid #e3e7e6;border-radius:15px;box-shadow:0 15px 40px #24382e06;max-width:470px;transform:rotate(-2deg);margin:15px 0 47px;padding:0 23px}.sample-top{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #eff1f2;color:#87908d;font-size:10px}.mini-logo{background:#edf3ef;color:var(--green);border-radius:6px;padding:3px 6px;font-weight:800;font-size:17px}.sample-dots{margin-left:auto;letter-spacing:2px}.sample-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 0 13px}.sample-heading small{font-size:8px;letter-spacing:1px;color:#9da5a0;display:block;margin-bottom:8px}.sample-heading strong{font-size:17px;font-weight:650}.sample-date{font-size:9px;color:#949b98}.sample-job{display:flex;align-items:center;gap:16px;border-bottom:1px solid #f0f2f1;padding:14px 0}.time{font-size:11px;color:#969d9a}.sample-job b{display:block;font-size:12px;font-weight:600}.sample-job div>span{display:block;font-size:10px;color:#949b98;margin-top:5px}.status{margin-left:auto;font-size:8px;padding:6px 9px;border-radius:6px;background:#f1f3f4;color:#7a858b}.status.orange{background:#faf2e5;color:#b88a48}.sample-foot{display:flex;align-items:center;gap:6px;padding:16px 0;color:#8c9690;font-size:9px}.example-label{position:absolute;bottom:-24px;left:0;font-size:9px;color:#a0a7a4}.benefits{display:flex;gap:23px;color:#7c8583;font-size:11px}.benefits i{font-style:normal;color:var(--green);margin-right:5px}.form-side{max-width:430px;width:100%}.auth-card{padding:30px 34px;background:#fff;border:1px solid #e4e7e8;border-radius:20px;box-shadow:0 12px 50px #172b2105}.tabs{display:flex;border-radius:9px;padding:4px;background:#f4f5f6;margin-bottom:32px}.tabs button{width:50%;border:0;padding:11px 0;background:transparent;color:#92989c;font-size:12px;border-radius:7px}.tabs button.active{background:white;color:#2c3932;font-weight:600;box-shadow:0 1px 5px #0000000d}.card-kicker{font-size:9px;font-weight:700;color:#a1a8a4;letter-spacing:1.6px}h2{font-size:25px;letter-spacing:-.7px;font-weight:650;line-height:1.3;margin:12px 0}.muted{color:#899096;font-size:13px;line-height:1.8}.field{margin-top:21px}label{display:block;font-size:11px;font-weight:600;color:#4c5558;margin-bottom:9px}input{width:100%;border:1px solid #e2e6e7;border-radius:8px;padding:14px 13px;font-size:13px;background:#fdfdfd;color:#26372e;outline:0;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#a7adb1}input:focus{border-color:#4c8970;box-shadow:0 0 0 3px #3b765f13}button:focus-visible,a:focus-visible{outline:3px solid #92bca9;outline-offset:3px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:var(--green);color:white;border-radius:8px;padding:15px 17px;margin-top:25px;font-size:12px;font-weight:600;transition:background .2s}.primary:hover{background:#295d4c}.primary span{font-size:19px;line-height:16px}.email-hint{display:flex;gap:10px;align-items:center;margin-top:16px;color:#91999c}.email-hint p{font-size:10px;line-height:1.7;margin:0}.mail-icon{font-size:19px;color:#91a39a}.demo-divider{display:flex;align-items:center;gap:9px;color:#a8aeb1;font-size:9px;margin:24px 0 14px}.demo-divider:before,.demo-divider:after{content:"";height:1px;background:#edf0ef;flex:1}.demo-button{display:flex;justify-content:center;gap:12px;width:100%;border:0;background:none;color:#75847b;font-size:11px;padding:8px}.under-card{text-align:center;font-size:9px;color:#9ba2a5;margin-top:20px}.setup-note{font-size:10px;line-height:1.7;color:#9a815b;background:#faf7ef;padding:10px 12px;border-radius:7px;margin-top:16px}.error{font-size:12px;line-height:1.6;color:#ab443e;background:#fcf1f0;padding:11px;border-radius:7px;margin-bottom:0}.success-icon{margin:15px 0 25px;background:#ecf4ef;color:var(--green);font-size:34px;border-radius:15px;width:68px;height:68px;display:grid;place-items:center}#success-content{padding:10px 0 30px}#sent-email{overflow-wrap:anywhere;color:#42594c}.small{font-size:11px}footer{max-width:1220px;margin:auto;padding:25px 0;border-top:1px solid #e4e7e9;display:flex;justify-content:space-between;font-size:10px;color:#a2a8ad;gap:15px}.prototype{letter-spacing:1.4px;font-size:8px}.account{display:flex;align-items:center;gap:25px;font-size:12px;color:#909894}.text-button{background:none;border:0;color:var(--green);font-size:12px}.dashboard{max-width:1150px;margin:60px auto 140px;padding:0 30px}.dashboard h1{font-size:44px;overflow-wrap:anywhere}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e8efe9;color:#47634f;padding:16px 20px;border-radius:10px;font-size:12px;margin-bottom:45px}.demo-banner button{border:0;background:none;color:#37664c;font-size:12px;font-weight:600}.welcome-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:25px;margin-top:40px}.welcome-card,.next-card{border:1px solid #e2e7e4;border-radius:16px;background:white;padding:35px}.welcome-icon{display:grid;place-items:center;background:#e9f4eb;color:var(--green);font-size:26px;width:56px;height:56px;border-radius:14px;margin-bottom:25px}.company-info{display:flex;gap:50px;border-top:1px solid #edf0ed;margin-top:30px;padding-top:24px;font-size:11px;color:#8e9790}.company-info span{min-width:0}.company-info strong{display:block;margin-top:8px;font-size:13px;font-weight:500;color:#445849;overflow-wrap:anywhere}.next-card{background:#edf1ed}.next-card h2{font-size:30px;margin-top:40px}.next-card p{font-size:13px;line-height:1.8;color:#88958b}.soon{display:inline-block;font-size:10px;border:1px solid #d8e0d8;border-radius:20px;padding:9px 14px;margin-top:24px;color:#7d8b80}@media(min-width:1500px){.auth-layout{margin-top:100px;margin-bottom:100px}}@media(max-width:1050px){.auth-layout{gap:40px;margin-top:40px}h1{font-size:46px}.benefits{gap:12px;font-size:10px}.auth-card{padding:25px}.topbar{padding:25px 35px}footer{margin:0 35px}.intro-copy{font-size:13px}}@media(max-width:760px){.topbar{padding:22px}.top-note,.brand-tag{display:none}.auth-layout{display:flex;flex-direction:column;gap:25px;margin:20px auto 45px;padding:0 22px}.intro{width:100%;max-width:430px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:39px;letter-spacing:-1.7px;margin:18px 0 12px}.intro-copy{font-size:12px;margin-bottom:0;line-height:1.75}.illustration,.benefits{display:none}.auth-card{padding:25px 24px}.tabs{margin-bottom:25px}h2{font-size:23px}.under-card{font-size:8px}footer{margin:0 22px;font-size:9px}footer>span:nth-child(2):not(.prototype){display:none}.dashboard{padding:0 22px;margin-top:30px;margin-bottom:60px}.dashboard h1{font-size:34px}.welcome-grid{grid-template-columns:1fr}.demo-banner{flex-direction:column;align-items:flex-start;font-size:11px}.account{gap:10px}.account>span{display:none}.welcome-card,.next-card{padding:25px}.company-info{flex-direction:column;gap:20px}.next-card h2{margin-top:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.workspace{margin-top:35px;min-height:60vh}.workspace h1{margin:14px 0 10px;font-size:38px;letter-spacing:-1.5px}.workspace-intro{margin-top:0}.workspace-tabs{display:flex;gap:25px;border-bottom:1px solid #dfe6e1;margin:35px 0 26px}.workspace-tabs button{border:0;background:none;padding:15px 2px;font-size:14px;color:#87938c;border-bottom:2px solid transparent}.workspace-tabs button.active{color:#2c6c51;border-color:#35735f;font-weight:650}.workspace-tabs span{font-size:11px;padding:3px 7px;border-radius:5px;background:#e7ede8;margin-left:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 25px}.section-heading h2{font-size:23px;margin:0}.section-heading p{margin:6px 0 0}.primary.compact{width:auto;margin:0;display:inline-flex;justify-content:center;gap:10px;padding:13px 18px;white-space:nowrap}.box-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.box-card{background:white;border:1px solid #e0e6e2;border-radius:15px;padding:25px;min-width:0}.box-card-heading{display:flex;align-items:center;justify-content:space-between}.box-symbol{color:#4b7e63;background:#eef4ef;border-radius:10px;display:grid;place-items:center;width:40px;height:40px;font-size:23px}.box-card h3{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:20px 0;overflow-wrap:anywhere}.box-schedule{display:grid;gap:10px}.box-schedule>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#63756b}.box-schedule strong{font-weight:500}.box-schedule .day-off{color:#acb5af}.box-services{margin-top:22px;border-top:1px solid #edf0ec;padding-top:18px}.service-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.service-tags>span{font-size:10px;background:#eff4ef;color:#5a7765;padding:6px 9px;border-radius:5px;overflow-wrap:anywhere;max-width:100%}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #d3ded5;border-radius:16px;padding:55px 20px;background:#fafcfb}.empty-icon{font-size:35px;color:#83a58e;margin-bottom:18px}.empty-state h3{font-size:22px;letter-spacing:-.5px;margin:0}.empty-state p{font-size:13px;line-height:1.8;color:#8a988f;margin:12px 0 24px}.services-table{background:white;border:1px solid #e0e6e2;border-radius:14px;overflow:hidden}.service-row{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:25px;align-items:center;padding:24px;border-bottom:1px solid #edf1ed}.service-row:last-child{border:0}.service-row h3{font-size:15px;font-weight:600;margin:0 0 6px;overflow-wrap:anywhere}.service-row .small{overflow-wrap:anywhere;display:block}.service-meta{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#839286}.service-meta strong{font-size:13px;color:#435d4b;font-weight:600}.notice{padding:12px 16px;background:#e9f3eb;border-radius:8px;color:#36704d;font-size:12px}.editor{padding:0;border:1px solid #dfe6e1;border-radius:18px;max-width:640px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 30px 100px #142d2440;color:#25382c;background:white}.editor::backdrop{background:#192b2580;backdrop-filter:blur(3px)}.editor-heading{padding:25px 28px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0ed}.editor h2{margin-bottom:0}.editor-heading>.close-editor{font-size:28px;border:0;background:none;color:#87958b;padding:8px}.editor-body{padding:24px 28px}.editor-body .field.first{margin-top:0}.form-section{margin-top:28px}.form-section h3{font-size:16px;font-weight:600;margin:0 0 7px}.form-section>.muted{margin:5px 0 12px;font-size:12px}.schedule-fields{margin-top:15px}.schedule-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eff2ee;min-height:51px}.day-label{display:flex;gap:9px;align-items:center;margin:0;font-size:12px;width:150px;flex-shrink:0}.editor input[type=checkbox]{width:16px;height:16px;accent-color:#35735f;box-shadow:none;padding:0;flex-shrink:0}.day-times{display:flex;align-items:center;gap:7px}.day-times input{width:108px;padding:8px;font-size:12px}.day-times input:disabled{background:#f3f5f3;color:#b0b8b2;border-color:#edf0ec}.off-label{font-size:10px;color:#99a59c;margin-left:auto}.editor-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid #e6ece7;background:#fafcf9;position:sticky;bottom:0}.secondary{padding:12px 18px;border:1px solid #d9e1db;border-radius:8px;background:white;color:#718174;font-size:12px}.service-choice{display:flex;gap:10px;align-items:center;border:1px solid #e4eae5;border-radius:8px;padding:12px;margin-bottom:8px;font-size:12px;font-weight:400;cursor:pointer}.service-choice>span{overflow-wrap:anywhere;min-width:0}.service-choice small{margin-left:auto;white-space:nowrap;color:#84958a;font-size:11px}.service-options{margin:15px 0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-fields label span{font-size:9px;color:#9aa79d;display:block;margin-top:5px;font-weight:400}.service-editor{max-width:520px}.editor .text-button{text-align:left;line-height:1.6;padding:0}.editor:focus{outline:none}@media(max-width:1000px){.box-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.workspace{margin-top:24px}.workspace h1{font-size:29px}.workspace-tabs{margin-top:20px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2{font-size:21px}.box-grid{grid-template-columns:1fr}.box-card{padding:22px}.service-row{grid-template-columns:1fr auto;gap:14px;padding:20px}.service-row>div:first-child{grid-column:1/-1}.service-meta{gap:5px}.editor{max-height:94vh;width:calc(100% - 20px)}.editor-heading,.editor-body{padding:20px}.editor-footer{padding:15px 20px}.day-label{width:112px;font-size:11px;gap:6px}.day-times{gap:4px}.day-times input{width:81px;font-size:12px;padding:7px 3px}.schedule-row{flex-wrap:wrap;gap:5px;padding:7px 0}.off-label{display:none}.two-fields{gap:12px}.editor input:not([type=checkbox]):not([type=time]){font-size:16px}.editor .text-button{font-size:11px}.workspace-tabs button{font-size:13px}.account{max-width:45%}}
select{width:100%;font:inherit;font-size:13px;border:1px solid #e2e6e7;border-radius:8px;padding:14px 13px;background:#fdfdfd;color:#26372e;outline:0}select:focus{border-color:#4c8970;box-shadow:0 0 0 3px #3b765f13}.booking-filters{display:flex;gap:18px;align-items:center;margin:0 0 22px}.booking-filters label{display:flex;align-items:center;gap:12px;margin:0}.booking-filters input{width:170px;padding:10px}.booking-card{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(0,1fr) 80px;gap:24px;align-items:center;background:white;border:1px solid #e0e6e2;border-radius:13px;padding:24px;margin-bottom:12px}.booking-card h3{margin:0 0 8px;font-size:17px;font-weight:600;overflow-wrap:anywhere}.booking-when,.booking-service{display:flex;flex-direction:column;gap:8px;font-size:12px;overflow-wrap:anywhere}.booking-when strong{color:#35735f;font-size:17px}.booking-when span,.booking-service span{color:#8b9690}.booking-service strong{font-weight:500}.booking-car a{font-size:12px;color:#6b8375}.booking-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.booking-actions button{padding:0}.cancel-link{color:#a18c84}.booking-cancelled{background:#f5f6f5}.booking-cancelled .booking-when strong{color:#929b96}.booking-cancelled h3{color:#929b96}.booking-filters .text-button{white-space:nowrap}@media(max-width:700px){.booking-card{grid-template-columns:1fr 1fr;gap:20px;padding:20px}.booking-actions{align-items:flex-end}.booking-when strong{font-size:16px}.booking-filters{gap:12px;flex-wrap:wrap}.booking-filters input{width:150px}.editor select{font-size:16px}.workspace-tabs{gap:18px}}
.booking-service-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.booking-service-row select{min-width:0;flex:1}.booking-service-row button{font-size:23px!important;padding:7px!important}.booking-status{font-size:11px;padding:8px;max-width:155px;background:#edf4ef}.booking-card{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr) 150px}.booking-service strong{line-height:1.7}.booking-actions{width:100%}@media(max-width:700px){.booking-card{grid-template-columns:1fr 1fr}.booking-status{max-width:100%}}
.payment-badge{font-size:11px;color:#35735f;background:#edf4ef;border-radius:6px;padding:7px 9px;display:inline-block;line-height:1.5}.payment-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;font-size:12px;color:#7b8389}.payment-totals strong{display:block;color:#26372e;font-size:18px;margin-top:8px}.payment-history{margin-top:24px}.payment-history>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #edf0ed;font-size:12px}.payment-history span{color:#899096;font-size:11px}#payment-form .primary{margin-top:15px}.status-label{font-size:12px;color:#35735f}#employee-credentials{overflow-wrap:anywhere;line-height:1.8}#employee-form>.editor-body>.service-choice{margin-top:20px}.workspace-tabs{flex-wrap:wrap;gap:18px}@media(max-width:600px){.payment-totals strong{font-size:15px}.payment-history>div{flex-direction:column;gap:6px}}
#order-dialog>.editor-heading{position:sticky;top:0;z-index:2;background:white}
.booking-service-entry{padding:14px;border:1px solid #e4eae5;border-radius:10px;margin-bottom:12px;background:#fafcfb}.booking-service-entry .two-fields{gap:12px}.booking-service-entry label{font-size:10px}.booking-service-entry input{padding:11px}#booking-total[readonly]{background:#edf4ef;font-weight:600}#booking-total-note{margin-bottom:0}
.money-buttons{display:flex;gap:10px;flex-wrap:wrap}.money-filter{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.money-filter input{width:180px}.money-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.money-totals article{background:#fff;border:1px solid #e0e6e2;border-radius:12px;padding:24px}.money-totals span{font-size:12px;color:#7b8389}.money-totals strong{display:block;font-size:26px;margin-top:10px;overflow-wrap:anywhere}.money-totals small{display:block;color:#899096;margin-top:8px;font-size:11px}.money-positive{color:#35735f}.money-negative{color:#ab443e}.money-table-wrap{overflow-x:auto;border:1px solid #e0e6e2;border-radius:12px;background:#fff}.money-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.money-table th{color:#7b8389;background:#fafcfb;font-size:11px;font-weight:600}.money-table th,.money-table td{padding:17px;border-bottom:1px solid #edf0ed}.money-table tr:last-child td{border-bottom:0}.money-number{text-align:right;white-space:nowrap}.money-table td:first-child{white-space:nowrap}.money-comment{display:block;white-space:pre-wrap;overflow-wrap:anywhere;max-width:500px;line-height:1.6}.money-table .text-button{padding:0;margin-bottom:5px}textarea{width:100%;resize:vertical;font:inherit;font-size:13px;padding:12px;border:1px solid #e2e6e7;border-radius:8px;background:#fdfdfd;color:#26372e}textarea:focus{outline:2px solid #92bca9}@media(max-width:600px){.money-totals{gap:8px}.money-totals article{padding:14px 10px}.money-totals strong{font-size:18px}.money-filter{gap:10px}.money-filter input{width:145px}.money-table th,.money-table td{padding:13px}.money-table{min-width:520px}.money-buttons{width:100%}}
