:root{--green:#153f32;--green-dark:#103127;--lime:#d9edac;--ink:#243b31;--muted:#77827a;--line:#e6e9e2;--bg:#f5f6f2;--red:#b55245;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8db56b;outline-offset:3px}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:var(--green);color:#dce7df;display:flex;flex-direction:column;padding:32px 17px 20px;z-index:20}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;padding:0 10px 35px;font-size:12px;letter-spacing:2px;line-height:1.05;color:#fff}.brand strong{display:block;letter-spacing:1.1px;font-size:20px;margin:5px 0 10px}.brand small{font-size:7px;letter-spacing:1.3px;color:#b5c5b6}.brand-mark{width:44px;height:52px;border:1px solid #72966b;border-radius:11px;color:var(--lime);display:grid;place-items:center}.brand-mark .icon{width:29px;height:38px}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#96b4a3;padding:13px 15px}.nav-link{border:0;background:none;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;border-radius:8px;font-size:12px;font-weight:500;color:#bfcec3;margin:3px 0;white-space:nowrap}.nav-link:hover{background:#224e3e;color:#fff}.nav-link.active{background:var(--lime);color:var(--green-dark);font-weight:650}.nav-link .icon{width:18px;height:18px}.nav-count{margin-left:auto;font-size:10px;border-radius:5px;background:#ffffff16;padding:1px 6px}.active .nav-count{background:#153f3218}.sidebar-bottom{margin-top:auto}.field-note{display:flex;gap:12px;margin:22px 12px;padding-top:22px;border-top:1px solid #ffffff1c;font-size:11px;color:#e7ede5}.field-note .icon{color:var(--lime)}.field-note small,.profile small{display:block;color:#9eb6a5;font-size:10px;margin-top:4px}.profile{display:flex;align-items:center;gap:10px;margin:20px 12px 0;padding-top:20px;border-top:1px solid #ffffff1c;font-size:11px}.profile .avatar{background:#2b5542;color:var(--lime)}.workspace{margin-left:228px}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px}.breadcrumb>span{color:#8a938c}.breadcrumb b{color:#c9d0c9;font-weight:400}.breadcrumb strong{font-weight:550}.top-actions{display:flex;gap:18px;align-items:center}.demo-pill{font-size:10px;color:#5d7563;display:flex;align-items:center;gap:7px}.demo-pill>span{width:6px;height:6px;border-radius:50%;background:#84a876}.top-avatar{width:32px;height:32px;border-radius:50%;background:#ecf0e6;display:grid;place-items:center;font-size:10px;font-weight:700}main{max-width:1640px;margin:auto;padding:24px 36px 0}.demo-banner{display:flex;align-items:center;gap:8px;color:#647662;background:#eaf0df;padding:9px 13px;border:1px solid #dce6cc;border-radius:7px;font-size:10px}.demo-banner .icon{width:14px;height:14px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:28px 0 25px}.eyebrow{letter-spacing:1.6px;color:#7f8b7e;font-size:9px;font-weight:600}h1{font-size:29px;letter-spacing:-.9px;line-height:1.2;margin:7px 0 8px;font-weight:650}h2{font-size:14px;letter-spacing:-.2px;margin:0;font-weight:650}h3{font-size:13px;margin:18px 0 10px}.page-heading p,.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.heading-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid var(--line);border-radius:7px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-weight:550;font-size:11px;min-height:38px;text-decoration:none}.btn .icon{width:15px;height:15px}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:#24553e}.btn.secondary{background:#fff}.btn.secondary:hover{background:#f4f6ef}.btn.subtle-button{background:transparent;color:#627b64;border-color:transparent}.btn.pay-button{color:var(--green);background:#eff4e8;border-color:#e0e9d2}.btn.danger-outline{color:var(--red);background:#fff;border-color:#ead7d0}.month-control{display:flex;align-items:center;gap:8px;border:1px solid #dfe4d8;padding:8px 10px;background:#fff;border-radius:7px}.month-control .icon{width:16px;height:16px;color:#83927c}.month-control input{padding:0;border:0;min-width:135px;font-size:11px;background:transparent;color:#465443;width:145px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.kpi{padding:20px 20px 17px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 3px 7px #23391a02;min-height:150px}.kpi:hover{border-color:#b9cba7;transform:translateY(-1px)}.kpi-label{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#74816f}.kpi-label .icon{width:18px;height:18px;color:#91a281}.kpi>strong{display:block;font-size:27px;letter-spacing:-.7px;line-height:1.2;margin:17px 0 14px;font-weight:650}.kpi>strong>span{font-size:11px;letter-spacing:0;font-weight:400;margin-left:7px;color:var(--muted)}.kpi>small{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8b9687}.kpi>small .icon{width:14px;height:14px}.kpi.green{background:var(--green);border-color:var(--green);color:white}.kpi.green .kpi-label{color:#c0d2bb}.kpi.green .icon{color:#c1de99}.kpi.green small{color:#b1c5aa}.red-text{color:var(--red)}.dashboard-middle{display:grid;grid-template-columns:1.22fr 1fr;gap:22px;margin-bottom:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 4px #26382002}.panel-head{padding:21px 23px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.subtle{font-size:10px;color:var(--muted)}.bar-chart{height:197px;display:flex;margin:15px 24px 0 20px;gap:13px}.chart-scale{width:68px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#9aa194;padding-bottom:26px;text-align:right}.chart-bars{flex:1;display:flex;justify-content:space-around;gap:16px;background:repeating-linear-gradient(to top,transparent 0,transparent 82px,#edf0e8 82px,#edf0e8 83px);padding:0 6px}.bar-column{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:70px}.bar-total{font-size:8px;color:#74826b;white-space:nowrap;height:18px}.bar-track{height:153px;width:100%;display:flex;align-items:flex-end;padding:0 8px}.bar-stack{width:100%;display:flex;flex-direction:column;min-height:2px;border-radius:4px 4px 0 0;overflow:hidden}.bar-monthly{background:#37604a;min-height:0}.bar-casual{background:#d9eaa8;min-height:0}.bar-column>span:last-child{font-size:9px;color:#8d9688;padding-top:9px;white-space:nowrap}.chart-legend{display:flex;gap:15px;align-items:center;margin:18px 24px 20px;font-size:9px;color:#687760}.chart-legend>span{display:flex;align-items:center;gap:6px}.chart-legend>small{margin-left:auto;font-size:8px;color:#9ba394}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.green-dot,.dot.paid{background:#355d46}.lime-dot,.dot.open{background:#cada98}.dot.overdue{background:#ca8775}.donut-wrap{display:flex;align-items:center;gap:32px;padding:19px 28px 23px;justify-content:center}.donut{width:151px;height:151px;flex-shrink:0;border-radius:50%;background:conic-gradient(#355d46 0 var(--paid),#cada98 var(--paid) var(--open),#ca8775 var(--open) 100%);display:grid;place-items:center;transform:rotate(-90deg)}.donut>div{width:118px;height:118px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;border-radius:50%;transform:rotate(90deg)}.donut strong{font-size:32px;letter-spacing:-1px}.donut strong span{font-size:17px;font-weight:400;color:#a1aa99}.donut small{font-size:8px;letter-spacing:1.2px;color:#8b9683;margin-top:2px}.member-legend{min-width:146px;flex:1;max-width:210px}.member-legend button{width:100%;border:0;background:none;padding:12px 0;display:flex;align-items:center;justify-content:space-between;font-size:10px}.member-legend button>span{display:flex;align-items:center;gap:8px;color:#71806b}.member-legend button strong{font-size:15px}.member-legend button:hover span{text-decoration:underline}.panel-note{border-top:1px solid #edf0e7;color:#8b9585;font-size:9px;padding:14px 23px;background:#fcfdf9}.dashboard-bottom{display:grid;grid-template-columns:1fr 1.22fr;gap:22px}.text-button{background:none;border:0;display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#52774c;padding:5px 0;white-space:nowrap}.text-button .icon{width:14px;height:14px}.text-button:hover{text-decoration:underline}.today-list{padding:1px 23px 15px}.today-row{display:flex;gap:15px;align-items:center;background:none;border:0;border-bottom:1px solid #f0f2ec;width:100%;text-align:left;padding:12px 0}.today-row:last-child{border-bottom:0}.time{font-size:11px;color:#506447;font-weight:650;min-width:37px}.time small{display:block;font-size:9px;color:#a0a697;font-weight:400;margin-top:3px}.timeline-dot{width:5px;height:29px;border-radius:5px;background:#b8c799}.timeline-dot.monthly{background:#628060}.today-person{flex:1}.today-person strong{font-size:10px;display:block}.today-person small{font-size:9px;display:block;color:#8b9586;margin-top:3px}.today-row .badge{font-size:8px}.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:550;padding:4px 8px;border-radius:5px;white-space:nowrap}.badge.paid,.badge.member{background:#eaf1e2;color:#537049}.badge.open{background:#f5f1df;color:#958149}.badge.overdue{background:#faece6;color:#b26c56}.badge.canceled,.badge.neutral{background:#f0f1ec;color:#849079}.attention-list{padding:0 23px}.attention-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eff1eb;padding:12px 0}.attention-row:last-child{border:0}.person{display:inline-flex;gap:11px;align-items:center;text-align:left;min-width:150px}.person>span:last-child{display:flex;flex-direction:column}.person strong{font-size:11px;font-weight:550;max-width:210px;overflow-wrap:anywhere}.person small{font-size:9px;color:#8a9484;margin-top:3px}.avatar{display:grid;place-items:center;background:#edf1e6;border-radius:50%;width:32px;height:32px;flex-shrink:0;color:#75865d;font-size:9px;font-weight:600}.attention-row .person{flex:1}.attention-row>span:nth-child(2){text-align:right;min-width:92px}.attention-row>span:nth-child(2)>strong{font-size:11px}.attention-row>span:nth-child(2)>small{display:block;font-size:8px;color:#b19483;margin-top:3px}.icon-button{background:transparent;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;padding:7px;min-width:32px;min-height:32px}.icon-button:hover{background:#edf2e7}.icon-button .icon{width:16px;height:16px}.soft-icon{background:#f5f0e5;color:#b09664;border-radius:8px;padding:6px}.soft-icon .icon{width:17px;height:17px}.panel-bottom-link{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-top:1px solid var(--line);background:#fff;font-size:9px;color:#6d865c;width:100%;padding:14px;margin-top:8px}.panel-bottom-link .icon{width:14px;height:14px}.notice{display:flex;align-items:center;gap:10px;border:1px solid #e3e8d8;background:#edf2e5;border-radius:8px;padding:13px 16px;font-size:10px;color:#748064;margin:18px 0}.notice .icon{width:16px;height:16px;color:#7c945f}.notice.warning{background:#fbf5e8;border-color:#eee2c6;color:#97804c}.notice.warning .icon{color:#a68e54}.page-footer{display:flex;justify-content:space-between;gap:14px;padding:24px 0 20px;font-size:8px;color:#9aa28f}.page-footer b{padding:0 6px;color:#bbc3b0}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px 14px}.search-box{display:flex;align-items:center;gap:9px;background:#fafbf8;border:1px solid var(--line);border-radius:7px;padding:8px 11px;min-width:210px;max-width:340px;flex:1}.search-box .icon{width:15px;height:15px;color:#9aa68c}.search-box input{border:0;padding:0;background:none;width:100%;outline:none;font-size:11px}.toolbar-right{display:flex;gap:9px;align-items:center}.toolbar-right select,.filter-tabs select{font-size:10px;padding:9px 10px;min-height:36px}.table-meta{font-size:9px;color:#939d89;padding:4px 23px 13px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:12px 18px;background:#fafbf7;font-size:9px;font-weight:500;letter-spacing:.2px;color:#8c9781;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:15px 18px;font-size:10px;border-bottom:1px solid #eef0e8}td:first-child,th:first-child{padding-left:23px}td:last-child,th:last-child{padding-right:23px}tr:last-child td{border-bottom:0}td>small{display:block;font-size:8px;color:#99a08f;margin-top:4px}tbody tr:hover{background:#fcfdf9}.filter-tabs{display:flex;gap:3px;align-items:center;padding:0 23px 15px;flex-wrap:wrap}.filter-tabs>button{border:0;background:none;font-size:10px;padding:8px 13px;border-radius:6px;color:#8b9581}.filter-tabs>button.selected{color:#446638;background:#edf3e3;font-weight:600}.filter-tabs>select{margin-left:auto}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 0;margin-bottom:20px}.mini-stats>span{font-size:10px;color:#8b9682;padding:0 24px;border-right:1px solid var(--line)}.mini-stats>span:last-child{border:0}.mini-stats strong{display:block;color:#3c5533;font-size:22px;margin-top:7px;letter-spacing:-.5px}.empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;color:#9ca88d}.empty .icon{width:25px;height:25px;margin-bottom:10px}.empty strong{color:#748268;font-size:12px}.empty p{font-size:10px;max-width:350px;margin:6px 0}.agenda-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.inline-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.date-picker{display:flex;align-items:center;gap:9px;font-size:10px;color:#8c967e}.date-picker input{font-size:11px;padding:8px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));min-width:850px;min-height:360px}.calendar-panel{overflow-x:auto}.calendar-day{border-right:1px solid var(--line)}.calendar-day:last-child{border:0}.calendar-day>header{height:92px;padding:14px;text-align:center;border-bottom:1px solid var(--line);background:#fbfcf8;position:relative}.calendar-day>header>span{display:block;text-transform:uppercase;letter-spacing:1px;color:#9ca58f;font-size:9px}.calendar-day>header>strong{font-size:23px;display:block;margin-top:3px}.calendar-day>header>small{font-size:8px;color:#9ca58f}.calendar-day.is-today>header{background:#eaf1dd}.calendar-day.is-today>header>strong{color:#507a38}.day-events{padding:10px 8px;display:flex;flex-direction:column;gap:10px}.event{border:1px solid #dce7cd;border-left:3px solid #739357;background:#f0f5e7;border-radius:6px;text-align:left;padding:10px 8px;color:#5e754a}.event.casual{background:#f8f4e8;border-color:#eee3c9;border-left-color:#c3a96c;color:#9a8455}.event strong{font-size:9px;display:block}.event span{font-size:10px;font-weight:600;display:block;white-space:normal;margin:7px 0 5px}.event small{font-size:8px;color:#91a57b}.slot-add{border:1px dashed #dce4d1;background:none;color:#8e9e7c;border-radius:6px;font-size:9px;padding:10px 3px}.slot-add .icon{width:12px;height:12px}.plan-grid,.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.plan-card{padding:25px}.plan-symbol,.integration-symbol{background:#edf3e4;border-radius:9px;color:#65854e;padding:9px;display:inline-flex;margin-bottom:20px}.plan-card>p{color:#8b967e;font-size:10px;min-height:35px}.plan-price{display:block;font-size:26px;letter-spacing:-1px;margin:24px 0}.plan-price>small{font-size:10px;font-weight:400;color:#9ba58d;letter-spacing:0}.plan-promo{min-height:70px;font-size:10px;border-top:1px solid var(--line);padding-top:12px;margin-bottom:20px}.plan-promo>*{display:block}.plan-promo span,.plan-promo small,.muted{color:#9da58e}.plan-promo strong{color:#65894a}.plan-card .btn{width:100%}.integration-card{padding:25px}.integration-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.integration-card p{font-size:12px;color:#8d987f;max-width:420px;margin:13px 0 24px}.section-gap{margin-top:22px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:25px}.settings-card>p{font-size:11px;color:#8b967f;margin:12px 0 22px}.settings-card label{font-size:11px;display:flex;gap:15px;align-items:center}.settings-card .subtle{font-size:10px}.mobile-only{display:none}.scrim{display:none}input,select,textarea{border:1px solid #dce3d1;border-radius:6px;padding:10px 12px;background:#fff;color:#475b3c;min-width:0}input::placeholder{color:#acb49f}dialog{border:1px solid #d8e1cc;border-radius:15px;padding:0;width:min(660px,calc(100vw - 32px));max-height:90dvh;color:var(--ink);box-shadow:0 25px 100px #102c2740;background:#fff}dialog::backdrop{background:#172f246b;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:17px}.modal-body{padding:24px}.modal-body>p{font-size:12px;color:#79866e}.modal-body .subtle{font-size:10px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:10px;color:#7d8c70;display:flex;flex-direction:column;gap:6px}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select{width:100%;font-size:12px;min-height:41px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;background:#fafcf7;border-top:1px solid var(--line)}.form-error{color:#b85443!important;font-size:11px!important;margin:15px 0 0!important}.form-error:empty{display:none}.payment-summary{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#f4f7ed;border-radius:9px;padding:17px;margin-bottom:24px}.payment-summary>div{text-align:right}.payment-summary small{display:block;font-size:9px;color:#88997a}.payment-summary>div>strong{font-size:23px;color:#3c5a2c;display:block}.details{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:11px;margin:20px 0 25px}.details dt{font-size:9px;color:#8c9a7d;margin-bottom:3px}.details dd{margin:0;overflow-wrap:anywhere}.history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.history-row small{display:block;font-size:9px;color:#9aa88b;margin-top:4px}.history-button{background:none;border:0;border-bottom:1px solid var(--line);width:100%;text-align:left}.message-preview{border:1px solid #dce6d1;border-radius:9px;background:#f1f6e8;padding:22px;margin-top:18px;font-size:12px;line-height:1.8}#toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translate(-50%,20px);background:#1d4837;color:white;box-shadow:0 8px 30px #153f3233;border-radius:9px;padding:14px 20px;font-size:12px;max-width:calc(100vw - 40px);opacity:0;pointer-events:none;z-index:100;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#9e4a3d}
@media(min-width:1600px){main{padding-top:30px}.kpi{min-height:163px}.dashboard-middle{grid-template-columns:1.3fr 1fr}.bar-chart{height:217px}.bar-track{height:173px}.donut-wrap{padding-top:29px;padding-bottom:33px}}
@media(max-width:1250px){.sidebar{width:208px;padding-left:12px;padding-right:12px}.workspace{margin-left:208px}main{padding-left:24px;padding-right:24px}.topbar{padding:0 24px}.kpi-grid{gap:12px}.kpi{padding:17px 15px}.kpi>strong{font-size:23px}.dashboard-middle{grid-template-columns:1.1fr 1fr;gap:16px}.donut-wrap{gap:18px;padding:24px 20px}.donut{width:125px;height:125px}.donut>div{width:98px;height:98px}.member-legend{min-width:118px}.member-legend button{font-size:9px}.dashboard-bottom{gap:16px}.attention-row{gap:8px}.attention-list{padding:0 17px}.attention-row .person{min-width:110px;gap:8px}.attention-row>span:nth-child(2){min-width:70px}.attention-row .person strong{font-size:10px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-legend>small{display:none}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.page-heading h1{font-size:26px}}
@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-middle,.dashboard-bottom{grid-template-columns:1fr}.donut-wrap{justify-content:flex-start;gap:40px}.member-legend{max-width:none}.donut{width:150px;height:150px}.donut>div{width:120px;height:120px}.member-legend button{font-size:12px}.settings-grid{grid-template-columns:1fr}.table-toolbar{align-items:flex-start;flex-wrap:wrap}.search-box{max-width:none}.toolbar-right{flex-wrap:wrap}.mini-stats strong{font-size:18px}.mini-stats>span{padding:0 17px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:240px;padding-top:25px}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-only{display:inline-flex}.scrim{display:block;position:fixed;inset:0;background:#102f2566;z-index:19;border:0}.topbar{height:62px;padding:0 16px}.breadcrumb{gap:9px;font-size:10px}.breadcrumb>span,.breadcrumb>b{display:none}.demo-pill{font-size:9px}.top-actions{gap:12px}main{padding:16px 16px 0}.demo-banner{font-size:9px;align-items:flex-start;padding:9px 10px}.demo-banner .icon{margin-top:2px}.page-heading{margin:23px 0 19px;display:block}.page-heading h1{font-size:27px}.page-heading p{font-size:11px;max-width:310px}.heading-actions{margin-top:18px;justify-content:flex-start}.kpi-grid{gap:10px;margin-bottom:17px}.kpi{padding:15px 13px;min-height:145px}.kpi-label{font-size:10px}.kpi-label .icon{width:15px;height:15px}.kpi>strong{font-size:23px;margin-top:20px}.kpi>strong>span{display:block;margin-left:0;font-size:10px;margin-top:5px}.kpi>small{font-size:8px;gap:5px;min-height:24px}.kpi>small .icon{display:none}.panel-head{padding:18px 17px 12px}.panel-head h2{font-size:13px}.panel-head p{font-size:10px}.panel-head>.subtle{font-size:8px}.bar-chart{margin:14px 15px 0 8px;gap:5px}.chart-scale{font-size:7px;width:60px}.chart-bars{gap:6px}.bar-track{padding:0 6px}.bar-total{font-size:7px}.chart-legend{margin-left:18px}.donut-wrap{gap:24px;padding:15px 22px 24px}.member-legend button{font-size:10px}.donut{width:130px;height:130px}.donut>div{width:103px;height:103px}.donut strong{font-size:28px}.panel-note{padding:13px 17px}.today-list{padding-left:17px;padding-right:17px}.attention-row>.icon-button{padding:4px;min-width:25px}.attention-row .person{min-width:120px}.attention-row>span:nth-child(2){min-width:80px}.page-footer{display:block;font-size:8px;line-height:2}.page-footer>span{display:block}.mini-stats{grid-template-columns:1fr;gap:15px;padding:17px}.mini-stats>span{border:0;border-bottom:1px solid var(--line);padding:0 0 13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.mini-stats>span:last-child{padding:0}.mini-stats strong{margin:0;font-size:17px}.table-toolbar{padding:17px 16px 12px}.toolbar-right{width:100%}.toolbar-right .btn{flex:1}.table-meta{padding-left:17px}.filter-tabs{padding-left:16px;padding-right:16px}.filter-tabs>button{padding:8px 11px}.filter-tabs>select{margin-top:8px;margin-left:0;width:100%}.agenda-toolbar{align-items:flex-start;flex-direction:column}.agenda-toolbar .inline-actions{gap:6px}.date-picker{gap:5px;font-size:9px}.date-picker input{padding:8px;font-size:10px}.agenda-toolbar .btn.subtle-button{font-size:9px}.plan-grid{gap:12px}.plan-card{padding:18px}.plan-card h2{font-size:12px}.plan-price{font-size:23px}.plan-price>small{font-size:9px}.plan-card>.btn{font-size:9px;padding:9px 7px}.plan-symbol{margin-bottom:14px}.plan-promo{font-size:9px}.integration-grid{grid-template-columns:1fr;gap:15px}.integration-card,.settings-card{padding:20px}.settings-card label{align-items:flex-start;flex-direction:column}.settings-card label input{width:100%}.form-grid{gap:12px}.modal-head,.modal-body{padding:18px}.modal-head h2{font-size:15px}.form-grid input,.form-grid select{font-size:16px}.payment-summary{align-items:flex-start;padding:13px}.payment-summary .person{min-width:0}.payment-summary .person strong{font-size:10px}.payment-summary .avatar{display:none}.payment-summary>div>strong{font-size:20px}.details{font-size:11px}.notice{align-items:flex-start;font-size:10px;padding:12px}.notice .icon{margin-top:1px}.history-row .btn{font-size:9px;padding:8px}#toast{left:50%;bottom:18px;width:max-content;max-width:calc(100vw - 32px);font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.auth-page{min-height:100dvh;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;background:radial-gradient(ellipse at top,#e5edda,transparent 65%),var(--bg)}.auth-brand{text-decoration:none;letter-spacing:3px;font-size:15px;color:var(--green);margin-bottom:30px}.auth-brand strong{font-size:23px;letter-spacing:1px}.auth-card{width:100%;max-width:440px;padding:32px}.auth-card h1{font-size:27px;margin-top:18px}.auth-card>p{color:#72816f;font-size:12px}.auth-card form{display:grid;gap:17px;margin:26px 0 20px}.auth-card label{display:grid;gap:7px;font-size:12px;color:#4f6451}.auth-card input,.auth-card select{width:100%;min-height:44px;border:1px solid #dce3d6;border-radius:7px;background:#fff;padding:10px 12px;font-size:16px}.auth-card .btn{min-height:45px;justify-content:center}.auth-card .form-error{margin:0;color:var(--red);font-size:12px}.auth-card .form-error:empty{display:none}@media(max-width:480px){.auth-card{padding:26px 22px}.auth-brand{margin-bottom:22px}}

.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}.cash-overview{margin:0 0 22px;padding:22px 24px}.cash-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.cash-heading p{font-size:11px;color:var(--muted);margin:4px 0 0}.cash-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:20px 0 16px}.cash-values>div+div{border-left:1px solid var(--line);padding-left:24px}.cash-values small{font-size:11px;color:var(--muted);display:block}.cash-values strong{font-size:24px;letter-spacing:-.6px;display:block;margin-top:6px;overflow-wrap:anywhere}.cash-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin:0}.expense-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.expense-stats>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.expense-stats span{display:block;font-size:11px;color:var(--muted)}.expense-stats strong{display:block;font-size:25px;letter-spacing:-.5px;margin:9px 0}.expense-stats small{display:block;font-size:10px;color:var(--muted)}.expense-toolbar{padding:20px 23px 14px;display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}.expense-toolbar>label:not(.search-box){display:grid;gap:5px;font-size:10px;color:var(--muted)}.expense-toolbar select{min-height:37px;max-width:290px;font-size:11px}.expense-toolbar .search-box{min-height:37px;max-width:none;min-width:210px}.expense-table td:first-child{white-space:normal;min-width:200px;max-width:320px}.expense-description{font-size:16px;overflow-wrap:anywhere}.expense-notes{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:14px;border-radius:7px;font-size:12px}.details dd{overflow-wrap:anywhere}.form-grid textarea{font:inherit;border:1px solid #dce3d6;border-radius:7px;background:#fff;padding:10px 12px;width:100%;resize:vertical}.form-grid .full{grid-column:1/-1}#expense-paid-fields[hidden]{display:none}
@media(max-width:1100px){.expense-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.cash-overview{padding:18px 17px;margin-bottom:17px}.cash-heading{align-items:flex-start}.cash-values{grid-template-columns:1fr;gap:12px;padding:16px 0}.cash-values>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.cash-values>div+div{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.cash-values small{font-size:10px}.cash-values strong{font-size:21px;margin:0;white-space:nowrap}.cash-heading p{font-size:10px}.cash-heading .btn{padding:8px;font-size:10px;white-space:nowrap}.expense-stats{gap:10px;margin-bottom:17px}.expense-stats>div{padding:16px 13px}.expense-stats strong{font-size:23px}.expense-stats span{font-size:10px}.expense-stats small{font-size:9px}.expense-toolbar{padding:17px 16px 12px;gap:12px}.expense-toolbar>.search-box{min-width:100%;width:100%}.expense-toolbar>label:not(.search-box){width:100%}.expense-toolbar select{width:100%;max-width:none;font-size:16px}.form-grid textarea{font-size:16px}}
.expense-form,.expense-form>label,.expense-form .form-grid{min-width:0}.expense-form input,.expense-form select,.expense-form textarea{min-width:0}@media(max-width:760px){.expense-form,.expense-form .form-grid{grid-template-columns:minmax(0,1fr)}}
.expense-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 13px}.expense-summary-heading p{margin:0;font-size:11px;color:var(--muted)}.expense-summary-note{font-size:11px;color:#6f7d6b;margin:-9px 0 22px;line-height:1.7}@media(max-width:760px){.expense-summary-heading{display:block}.expense-summary-heading p{margin-top:4px;font-size:10px}.expense-summary-note{font-size:10px;margin-bottom:17px}}
.account-form{grid-template-columns:minmax(0,1fr)}.account-form>label{min-width:0}.recovery-label{display:block;font-size:12px}.recovery-code{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:7px;font:14px/1.7 monospace;word-break:break-all;resize:none;background:var(--bg)}.auth-card .notice{font-size:12px;color:var(--green)}.auth-card>.text-button{font-size:12px}.auth-card input[name=code]{font:14px monospace}