:root{color-scheme:light;--ink:#172d2a;--muted:#69766e;--paper:#f5f4ec;--white:#fffefa;--green:#d8f36a;--line:#e4e5d9;--soft:#eff2e4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:#f7f7f2;color:var(--ink);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
.layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:4;width:240px;padding:20px 14px 14px;border-right:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 11px 22px;font-size:19px;font-weight:850;letter-spacing:-.055em}.brand-mark,.workspace-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px 10px 10px 3px;background:var(--green);font-size:16px}.workspace-switch{display:flex;align-items:center;gap:9px;margin:0 3px 17px;padding:9px;border:1px solid var(--line);border-radius:8px}.workspace-icon{width:30px;height:30px;border-radius:8px;background:#e8edcf;font-size:10px;font-weight:800}.workspace-switch strong,.workspace-switch small,.profile strong,.profile small{display:block}.workspace-switch strong{font-size:10px}.workspace-switch small,.profile small{margin-top:3px;color:var(--muted);font-size:9px}.switch-arrow{margin-left:auto;color:#829087}
.nav-label{padding:13px 11px 6px;color:#929b92;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:7px;color:#59665e;font-size:11px;font-weight:580}.nav-link>span{width:16px;text-align:center;font-size:14px}.nav-link:hover{background:#f5f6f0}.nav-link.active{background:#eef3dc;color:#30442e;font-weight:760}.sidebar-bottom{margin-top:auto}.demo-note{margin:12px 3px;padding:10px;border-radius:7px;background:#f3f5eb;color:#6a7567;font-size:9px;line-height:1.5}.profile{display:flex;align-items:center;gap:9px;padding:11px 8px 2px;border-top:1px solid var(--line)}.profile-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e9d1bd;font-size:10px;font-weight:800}.profile strong{font-size:10px}
.main{min-height:100vh;margin-left:240px}.topbar{height:62px;position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:15px;padding:0 30px;border-bottom:1px solid var(--line);background:#fffefaed;backdrop-filter:blur(10px)}.breadcrumbs{color:var(--muted);font-size:10px}.breadcrumbs span{padding:0 7px;color:#a0a89f}.breadcrumbs strong{color:var(--ink)}.top-spacer{flex:1}.database-label{display:flex;align-items:center;gap:6px;color:#66745f;font-size:9px}.database-label span{width:6px;height:6px;border-radius:50%;background:#86aa4e}.button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid transparent;border-radius:6px;background:var(--green);color:var(--ink);font-size:10px;font-weight:740}.button:hover{background:#c9e854}.button.secondary{border-color:var(--line);background:white}.button.dark{background:var(--ink);color:white}.button.small{min-height:28px;padding:0 9px;font-size:9px}.mobile-menu{display:none}
.content{max-width:1350px;margin:0 auto;padding:29px 30px 50px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:21px}.page-heading h1{margin:0 0 5px;font-size:25px;letter-spacing:-.055em}.page-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.section-kicker{color:#768846;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.notice{margin:0 0 15px;padding:10px 13px;border:1px solid #dce7c4;border-radius:7px;background:#f3f7e7;color:#536942;font-size:10px}.demo-banner{display:flex;align-items:center;gap:10px;margin-bottom:17px;padding:11px 13px;border:1px solid #e2e8d1;border-radius:7px;background:#f4f6ed;color:#68745f;font-size:10px;line-height:1.5}.demo-banner strong{color:#3f5338}.demo-banner>span:first-child{font-size:15px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.stat-card,.panel,.card{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--white)}.stat-card{padding:13px}.stat-label{color:var(--muted);font-size:9px}.stat-value{display:block;margin:9px 0 3px;font-size:21px;font-weight:760;letter-spacing:-.06em}.stat-foot{color:#818c83;font-size:8px}.stat-icon{float:right;color:#68863a;font-size:13px}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:12px}.grid-even{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.panel{padding:15px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.panel-heading h2{margin:0;font-size:12px;letter-spacing:-.02em}.panel-heading a{color:#668539;font-size:9px;font-weight:700}
.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th{padding:0 8px 8px;color:#8a958b;font-size:8px;font-weight:700;white-space:nowrap}.table td{padding:10px 8px;border-top:1px solid #eff0e9;color:#435149;font-size:9px;white-space:nowrap;vertical-align:middle}.table td:first-child{color:var(--ink);font-weight:680}.table .muted{margin-top:3px;color:#859087;font-size:8px;font-weight:450}.status{display:inline-flex;padding:4px 7px;border-radius:20px;background:#eff2e9;color:#65754f;font-size:8px;font-weight:680}.status.paid,.status.completed,.status.won,.status.approved{background:#edf4dd;color:#5c8036}.status.overdue,.status.lost,.status.declined{background:#f8ebe4;color:#a2674a}.status.sent,.status.scheduled,.status.new,.status.draft{background:#eff3f8;color:#627a9a}.status.in-progress,.status.confirmed,.status.contacted,.status.partial{background:#f7f1dc;color:#90752f}.empty{padding:20px 10px;text-align:center;color:#849087;font-size:10px}.actions{display:flex;align-items:center;gap:6px}.inline-form{display:inline-flex;align-items:center;gap:5px}.inline-form select{max-width:112px;height:28px;padding:0 5px;border:1px solid var(--line);border-radius:5px;background:white;font-size:9px}.text-button{padding:0;border:0;background:none;color:#617f34;font-size:9px;font-weight:700}.text-button:hover{text-decoration:underline}
.create-box{margin-bottom:13px;border:1px solid var(--line);border-radius:8px;background:#fffefa}.create-box summary{padding:11px 14px;color:#526444;font-size:10px;font-weight:730;cursor:pointer;list-style:none}.create-box summary::-webkit-details-marker{display:none}.create-box[open] summary{border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{color:#657269;font-size:9px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:33px;padding:7px 9px;border:1px solid #dfe2d8;border-radius:5px;background:white;color:var(--ink);font-size:10px}.field textarea{min-height:70px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #c6d98f;outline-offset:1px}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px}.validation-summary-errors,.field-validation-error{color:#9c503c;font-size:9px}.validation-summary-errors ul{margin:5px 0;padding-left:17px}
.list{display:grid}.list-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #eff0e9}.list-item:first-child{border-top:0}.avatar{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:50%;background:#eaf0d5;font-size:9px;font-weight:700}.list-copy{min-width:0;flex:1}.list-copy strong,.list-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-copy strong{font-size:9px}.list-copy small{margin-top:4px;color:#849087;font-size:8px}.list-end{text-align:right;color:#7b877e;font-size:8px}.list-end strong{display:block;margin-bottom:4px;color:var(--ink);font-size:10px}
.row-actions{position:relative}.row-actions>summary{padding:5px 7px;border:1px solid var(--line);border-radius:5px;background:#fffefa;color:#516344;font-size:8px;font-weight:700;white-space:nowrap;cursor:pointer;list-style:none}.row-actions>summary::-webkit-details-marker{display:none}.row-actions[open]{z-index:2}.row-form{display:grid;gap:7px;min-width:185px;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:6px;background:white;box-shadow:0 7px 22px #16271c18}.row-form label{display:grid;gap:3px;color:#657269;font-size:8px;font-weight:700}.row-form input,.row-form select,.row-form textarea{width:100%;min-height:28px;padding:5px 6px;border:1px solid #dfe2d8;border-radius:4px;font-size:9px}.row-form textarea{min-height:55px}.delete-form{margin-top:5px}.danger{color:#a4503d}.assignment-list{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:8px 0;padding:7px;border-radius:5px;background:#f7f8f2;color:#68746a;font-size:8px}.assignment-list .tag{display:inline-flex;align-items:center;gap:5px}.assignment-list form{display:inline-flex}.assignment-list select{max-width:135px;height:27px;border:1px solid var(--line);border-radius:4px;background:white;font-size:8px}.logout-form{padding:8px}.secret-notice{display:grid;gap:7px}.secret-notice code{padding:8px;border:1px solid #dce7c4;border-radius:5px;background:white;color:#34472f;font-size:14px;user-select:all}
.board{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:9px;overflow-x:auto;padding-bottom:5px}.board-column{min-height:210px;padding:9px;border:1px solid var(--line);border-radius:7px;background:#f0f1e9}.column-head{display:flex;justify-content:space-between;margin-bottom:9px;font-size:9px;font-weight:760}.column-head span:last-child{color:#89948b}.lead-card{margin-bottom:7px;padding:10px;border:1px solid var(--line);border-radius:6px;background:white}.lead-card strong{display:block;font-size:9px}.lead-card p{margin:4px 0;color:#7d8980;font-size:8px}.calendar-row{display:grid;grid-template-columns:115px 1fr auto;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #eff0e9}.calendar-row:first-child{border-top:0}.calendar-time{color:#77847a;font-size:9px}.calendar-event{padding:9px 11px;border-left:3px solid #a8c93f;border-radius:0 5px 5px 0;background:#f3f5e9}.calendar-event strong,.calendar-event small{display:block}.calendar-event strong{font-size:9px}.calendar-event small{margin-top:3px;color:#7d8980;font-size:8px}
.note-item{margin:7px 0;padding:9px;border-left:2px solid #b7cb76;border-radius:0 5px 5px 0;background:#f7f8f1;color:#5b685f;font-size:9px;line-height:1.5}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.team-card{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:7px;background:white}.team-card strong,.team-card small{display:block}.team-card strong{font-size:9px}.team-card small{margin-top:4px;color:#7d8980;font-size:8px}.message-card{margin-bottom:10px;padding:13px;border:1px solid var(--line);border-radius:7px;background:white}.message-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.message-head strong{font-size:10px}.message-head small{color:#859087;font-size:8px}.reply{margin:6px 0;padding:9px 10px;border-radius:6px;background:#f0f2eb;color:#56635a;font-size:9px;line-height:1.5}.reply.business{margin-left:18%;background:#edf3df}.reply-form{display:flex;gap:7px;margin-top:9px}.reply-form input{min-width:0;flex:1;min-height:32px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;font-size:9px}
.setting-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #eff0e9}.setting-row:first-child{border-top:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:9px}.setting-row small{margin-top:3px;color:#849087;font-size:8px}.check-field{display:flex;align-items:center;gap:8px;color:#56635a;font-size:9px}.check-field input{accent-color:#718d34}.campaign{padding:11px 0;border-top:1px solid #eff0e9}.campaign:first-child{border-top:0}.campaign strong{font-size:9px}.campaign p{margin:5px 0;color:#78847b;font-size:8px;line-height:1.5}.draft-output{min-height:100px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#f8f9f4;color:#46554c;font-size:10px;line-height:1.65;white-space:pre-wrap}.footer-note{margin-top:16px;color:#89948b;font-size:8px;line-height:1.55}
@media(max-width:1050px){.sidebar{width:215px}.main{margin-left:215px}.topbar{padding:0 20px}.content{padding-inline:20px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{width:240px;transform:translateX(-100%);box-shadow:10px 0 30px #14231f16;transition:transform .2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.topbar{height:56px;gap:9px;padding:0 12px}.mobile-menu{position:fixed;top:11px;left:12px;z-index:6;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:6px;background:white}.sidebar.open~.main .mobile-menu{left:248px}.breadcrumbs{font-size:9px}.database-label{display:none}.content{padding:21px 13px 35px}.page-heading h1{font-size:22px}.grid-even{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.calendar-row{grid-template-columns:80px 1fr}.calendar-row>.status{grid-column:2}.board{grid-template-columns:repeat(4,180px)}}
@media(max-width:430px){.topbar{gap:7px}.breadcrumbs{display:none}.top-spacer{display:block}.top-button{min-height:31px;padding:0 8px;font-size:9px}.stat-grid{gap:7px}.stat-card{padding:10px}.stat-value{font-size:18px}.stat-foot{font-size:7px}.page-heading p{max-width:255px}.form-grid{grid-template-columns:1fr}.field.full,.form-actions{grid-column:auto}.team-grid{grid-template-columns:1fr}.calendar-row{grid-template-columns:64px 1fr}}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--paper)}.auth-card{width:min(100%,420px);padding:31px;border:1px solid var(--line);border-radius:11px;background:var(--white);box-shadow:0 18px 54px #172d2a10}.auth-brand{padding:0 0 27px}.auth-card h1{margin:13px 0 7px;font-size:27px;letter-spacing:-.06em}.auth-card>p{color:var(--muted);font-size:11px;line-height:1.6}.auth-form{display:grid;gap:12px;margin-top:19px}.auth-form .field small{color:#879087;font-size:8px;line-height:1.5}.auth-submit{width:100%;margin-top:3px}.auth-foot{margin-top:18px!important}.auth-foot a{color:#628139;font-weight:700}
.edit-dialog{position:fixed;inset:0;margin:auto;width:min(560px,92vw);min-width:min(320px,92vw);max-width:92vw;height:max-content;max-height:86vh;min-height:170px;padding:0;overflow:auto;resize:both;border:1px solid #d7ddce;border-radius:10px;background:var(--white);color:var(--ink);box-shadow:0 22px 70px #14231f45}.edit-dialog::backdrop{background:#172d2a66;backdrop-filter:blur(2px)}.edit-dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;padding:8px 12px;border-bottom:1px solid var(--line);background:#f7f8f2;cursor:move;touch-action:none;user-select:none}.edit-dialog-header strong{font-size:11px}.dialog-close{width:26px;height:26px;border:0;border-radius:5px;background:transparent;color:#68756c;font-size:20px;line-height:1;cursor:pointer}.dialog-close:hover{background:#e9eddf}.edit-dialog-content{padding:12px}.create-dialog-open{margin-bottom:13px}.edit-dialog .row-form{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.edit-dialog .row-form label{font-size:9px}.edit-dialog .row-form input,.edit-dialog .row-form select,.edit-dialog .row-form textarea{min-height:34px;font-size:10px}.edit-dialog .row-form>button{justify-self:start}.edit-dialog .delete-form{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.booking-history{padding:8px 2px;color:#59675d;font-size:10px;line-height:1.6}.booking-history p{margin:6px 0 0}.booking-history a{color:#617f34;font-weight:750}.permission-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:12px;border:1px solid var(--line);border-radius:6px}.permission-options legend{padding:0 5px;color:#657269;font-size:9px;font-weight:750}.permission-options .check-field{align-items:flex-start;line-height:1.5}.permission-options input{margin:1px 0 0;accent-color:#718d34}.role-delete{padding:0 13px 12px}.role-editor .form-grid{padding-bottom:11px}
@media(max-width:560px){.edit-dialog{width:94vw;min-width:0;max-width:94vw;max-height:90vh;resize:vertical}.edit-dialog .row-form,.permission-options{grid-template-columns:1fr}.permission-options{grid-column:1/-1}}
.marketing-page,.public-business-page{min-height:100vh;background:var(--paper)}.marketing-nav,.public-business-nav{display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:auto;padding:18px 24px}.marketing-nav .brand,.public-business-nav .brand{padding:0}.marketing-hero{max-width:880px;margin:42px auto 56px;padding:45px 24px;text-align:center}.marketing-hero h1{margin:12px 0;font-size:clamp(40px,7vw,72px);line-height:.99;letter-spacing:-.075em}.marketing-hero p,.plans-heading>p{max-width:600px;margin:15px auto 22px;color:var(--muted);font-size:14px;line-height:1.7}.plans-section{max-width:1160px;margin:auto;padding:22px 24px 52px}.plans-heading{text-align:center}.plans-heading h2{margin:9px 0;font-size:clamp(23px,4vw,34px);letter-spacing:-.055em}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:27px}.plan-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:11px;background:var(--white)}.plan-featured{border-color:#9db45e;box-shadow:0 12px 36px #172d2a0c}.plan-name{color:#718d34;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.plan-card h3{min-height:48px;margin:13px 0 6px;font-size:18px;line-height:1.35;letter-spacing:-.04em}.plan-card p{min-height:46px;margin:0;color:var(--muted);font-size:10px;line-height:1.55}.plan-card ul{display:grid;gap:11px;min-height:148px;margin:18px 0;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none;color:#46554c;font-size:10px}.plan-card li:before{content:"✓";margin-right:8px;color:#6e8c36;font-weight:800}.plan-card .button{margin-top:auto}.plan-footnote,.marketing-footer{color:#849087;font-size:9px;text-align:center}.plan-footnote{margin-top:15px}.existing-workspace{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;max-width:900px;margin:0 auto 45px;padding:20px 24px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.existing-workspace h2{margin:0 0 5px;font-size:17px}.existing-workspace p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.workspace-signin{display:flex;align-items:end;gap:8px}.workspace-signin .field{flex:1}.workspace-signin .field span{font-size:9px}.marketing-footer{padding:20px;border-top:1px solid var(--line)}.tenant-setup-card{width:min(100%,620px);padding:28px;border:1px solid var(--line);border-radius:11px;background:var(--white);box-shadow:0 18px 54px #172d2a10}.tenant-setup-card>h1{margin:13px 0 7px;font-size:27px;letter-spacing:-.06em}.tenant-setup-card>p{color:var(--muted);font-size:11px;line-height:1.6}.plan-selected{padding:9px 11px;border:1px solid #dce7c4;border-radius:6px;background:#f3f7e7;color:#536942}.signup-plans{display:grid;gap:7px;margin:0;padding:10px;border:1px solid var(--line);border-radius:7px}.signup-plans legend{padding:0 5px;color:#657269;font-size:9px;font-weight:750}.signup-plan{display:flex;align-items:flex-start;gap:8px;padding:8px;border:1px solid transparent;border-radius:5px;background:#f7f8f2;cursor:pointer}.signup-plan:has(input:checked){border-color:#9db45e;background:#f2f6e4}.signup-plan input{margin:2px 0 0;accent-color:#718d34}.signup-plan strong,.signup-plan small{display:block}.signup-plan strong{font-size:9px}.signup-plan small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.45}.public-business-page{display:flex;flex-direction:column}.public-business-main{width:min(100%,980px);flex:1;margin:22px auto;padding:0 24px 55px}.public-business-hero{padding:48px 25px;border-bottom:1px solid var(--line);text-align:center}.public-business-hero h1{margin:12px 0;font-size:clamp(32px,6vw,54px);letter-spacing:-.07em}.public-business-description{max-width:680px;margin:14px auto;color:#59675d;font-size:14px;line-height:1.75}.public-service-area{color:#718d34;font-size:11px;font-weight:700}.public-contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.public-services{padding:34px 0}.public-services .plans-heading{text-align:left}.public-services .plans-heading h2{margin-top:6px}.public-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.public-service-card{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.public-service-card h2,.public-service-card h3{margin:0;font-size:12px}.public-external-link{text-align:center;font-size:10px}.public-external-link a{color:#617f34;text-decoration:underline}
@media(max-width:760px){.plan-grid{grid-template-columns:1fr}.plan-card h3,.plan-card p,.plan-card ul{min-height:0}.plan-card ul{gap:8px}.existing-workspace{grid-template-columns:1fr}.workspace-signin{align-items:stretch;flex-direction:column}.public-service-grid{grid-template-columns:1fr 1fr}.marketing-hero{margin:18px auto 30px;padding:35px 22px}.tenant-setup-card{padding:20px}}