@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--green:#244b3b;--green-dark:#193d2e;--lime:#d8ec9c;--ink:#273b31;--muted:#8b948e;--border:#e8ebe5;--bg:#f7f8f4;--orange:#cb9570;--font:"DM Sans", sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #a8c67c}h1,h2,h3,p{margin:0}button{background:0 0;border:0}input,select{min-width:0}input::placeholder{color:#a0a79f}h1,h2,h3,.logo,.stat-value{font-family:Manrope,sans-serif}input,select{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:8px;outline:none;width:100%;padding:12px 13px}input:focus,select:focus{border-color:#759d75;box-shadow:0 0 0 3px #b8d69a25}label{flex-direction:column;gap:9px;font-size:13px;font-weight:550;display:flex}svg{flex-shrink:0}button{justify-content:center;align-items:center;display:inline-flex}.logo{letter-spacing:-1.8px;color:var(--green);align-items:center;gap:9px;font-size:35px;font-weight:800;display:inline-flex}.logo-dot{color:#8caa69;margin-left:-9px}.logo-symbol{background:var(--green);width:35px;height:35px;color:var(--lime);border-radius:10px;justify-content:center;align-items:center;display:flex}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:10;background:#fff;flex-direction:column;width:244px;padding:32px 21px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-self:flex-start;padding:0 13px 32px}.community-switch{border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;margin:0 0 31px;padding:13px 10px;display:flex}.community-switch>span:nth-child(2){flex:1;min-width:0}.community-icon{color:#5f7a55;background:#edf1e7;border-radius:7px;flex-shrink:0;place-items:center;width:34px;height:36px;display:grid}.community-switch strong{overflow-wrap:anywhere;font-size:12px;font-weight:650;line-height:1.6;display:block}.community-switch small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.nav-caption{letter-spacing:1.8px;color:#9ba297;margin:0 13px 14px;font-size:9px;font-weight:600}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{text-align:left;color:#818a81;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:12px;font-weight:500;display:flex}.nav-item.active{color:var(--green);background:#edf3e7;font-weight:650}.nav-item.active svg{stroke-width:2.2px}.nav-item:hover{background:#f1f4ed}.nav-badge{color:#597343;background:#e7ecdf;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:9px}.sidebar-bottom{margin-top:auto;padding-top:38px}.together-card{background:#f5f6ef;border-radius:10px;min-height:202px;padding:19px 17px 0;position:relative;overflow:hidden}.tiny-leaf{color:#74865e;margin-bottom:13px;display:block}.together-card strong{font-size:13px;font-weight:600;line-height:1.65}.together-card p{color:#8d9687;margin-top:8px;font-size:10px;line-height:1.8}.little-houses{color:#b4c49a;gap:0;display:flex;position:absolute;bottom:-7px;right:-4px;transform:rotate(-5deg)}.little-houses svg{stroke-width:1px;width:40px;height:47px}.logout{margin:17px 0;font-size:11px}.sidebar-user{border-top:1px solid var(--border);align-items:center;gap:9px;padding:19px 0;display:flex}.avatar{color:#5d7451;background:#e9ede1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:13px;font-weight:600;display:flex}.sidebar-user>span:nth-child(2){flex:1;overflow:hidden}.sidebar-user strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.sidebar-user small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.sidebar-user>svg{color:#859479}.main-shell{width:calc(100% - 244px);margin-left:244px}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:77px;padding:0 39px;display:flex}.breadcrumb{color:#929b91;flex:1;align-items:center;gap:13px;min-width:0;font-size:11px;display:flex}.breadcrumb>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.breadcrumb>strong,.breadcrumb>svg{flex-shrink:0}.breadcrumb strong{color:#4f5e51;font-weight:500}.topbar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.live-dot{background:#7b9c67;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.updated{color:#8c9589;font-size:10px}.top-divider{background:var(--border);width:1px;height:19px;margin:0 7px}.icon-button{border-radius:7px;width:32px;height:32px;padding:4px}.icon-button:hover{background:#edf1e9}.notification{color:#7f8b7e;margin-right:9px;position:relative}.notification i{background:#a8bc81;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:7px}.avatar-small{width:31px;height:31px;font-size:10px}.account-menu{position:relative}.account-trigger{background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:#edf1e9}.account-popover{z-index:50;border:1px solid var(--border);background:#fff;border-radius:14px;width:250px;max-width:calc(100vw - 40px);padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 35px #193d2e1f}.account-identity{border-bottom:1px solid var(--border);overflow-wrap:anywhere;margin-bottom:5px;padding:12px}.account-identity strong,.account-identity small{display:block}.account-identity strong{font-size:13px}.account-identity small{color:#667568;margin-top:5px;font-size:12px}.account-popover>button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;font-size:13px;display:flex}.account-popover>button:hover{background:#f1f5ed}.account-popover>.account-logout{color:#a13d32}.account-popover>.account-logout:hover{background:#fcf1ee}.mobile-brand{display:none}main{max-width:1530px;margin:0 auto;padding:36px 39px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.eyebrow{letter-spacing:1.65px;color:#829074;margin-bottom:10px;font-size:8px;font-weight:600;display:block}h1{letter-spacing:-1.1px;font-size:28px;font-weight:750}.heading-dot{color:#91ab65}.page-heading p{color:#8b9489;margin-top:9px;font-size:11px;line-height:1.7}.heading-actions{align-items:center;gap:10px;margin-top:16px;display:flex}.month-select{border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:7px;flex-direction:row;align-items:center;gap:8px;padding:11px 12px;font-size:10px;display:flex}.month-select select{appearance:none;width:128px;box-shadow:none;background:0 0;border:0;padding:0;font-size:10px}.button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:11px 15px;font-size:10px;font-weight:550;transition:background .15s,transform .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#173d2b}.button.outline{color:#64735c;background:#fff;border:1px solid #e2e7dc}.button.small{min-height:32px;padding:8px 11px;font-size:9px}.button.wide{width:100%}.demo-strip{color:#7b886a;background:#edf1e5;border:1px solid #e4ead8;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:19px;padding:7px 10px;font-size:9px;display:flex}.demo-strip span:first-child{align-items:center;gap:6px;display:flex}.stats-grid{grid-template-columns:1.13fr 1fr 1fr;gap:18px;margin-bottom:23px;display:grid}.balance-card,.stat-card{border:1px solid var(--border);background:#fff;border-radius:11px;min-height:156px;padding:20px 23px}.balance-card{background:var(--green);border-color:var(--green);color:#fff;position:relative;overflow:hidden}.stat-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.stat-top>span:first-child{color:#8c9786;font-size:11px;font-weight:500}.balance-card .stat-top>span:first-child{color:#d5dfce}.stat-icon{color:#d8e4bd;background:#ffffff12;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.stat-icon.income{color:#7b9859;background:#edf4e5}.stat-icon.expense{color:#c59670;background:#fbf1e8}.stat-value{letter-spacing:-.9px;z-index:1;white-space:nowrap;margin:10px 0 20px;font-size:29px;font-weight:750;display:block;position:relative}.stat-caption{color:#99a08f;align-items:center;gap:8px;font-size:9px;display:flex}.mini-label{border-radius:3px;padding:3px 6px;font-size:8px}.mini-label.income{color:#7c9859;background:#f0f6e8}.mini-label.expense{color:#bc966f;background:#fcf4ea}.balance-footer{color:#c0d0b1;z-index:1;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:relative}.balance-footer>span{align-items:center;gap:6px;display:flex}.light-dot{background:#d0e49e;border-radius:50%;width:5px;height:5px}.balance-orbit{border:1px solid #aac19f25;border-radius:50%;width:210px;height:210px;position:absolute;top:49px;right:-95px}.balance-orbit.second{width:290px;height:290px;top:9px;right:-136px}.middle-grid{grid-template-columns:1.75fr 1fr;gap:21px;margin-bottom:23px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:11px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:10px;padding:22px 23px 0;display:flex}.panel-heading h2{letter-spacing:-.2px;font-size:13px;font-weight:750}.panel-heading p{color:#9aa18f;margin-top:7px;font-size:9px;line-height:1.6}.period-chip{color:#8a9380;border:1px solid #e8ecdf;border-radius:5px;padding:7px 9px;font-size:9px}.chart-legend{color:#929c87;justify-content:flex-end;gap:16px;margin:22px 25px 14px;font-size:8px;display:flex}.chart-legend>span{align-items:center;gap:6px;display:flex}.income-dot,.expense-dot,.muted-dot{border-radius:2px;flex-shrink:0;width:7px;height:7px;display:inline-block}.income-dot{background:#99b378}.expense-dot{background:#d3dfb2}.muted-dot{background:#e9eddf}.chart{gap:14px;height:187px;margin:0 24px 24px 20px;display:flex}.chart-y{color:#a5ad9c;white-space:nowrap;flex-direction:column;justify-content:space-between;width:26px;padding-bottom:27px;font-size:8px;display:flex}.chart-body{flex:1;min-width:0;position:relative}.chart-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 27px}.chart-grid i{border-top:1px dashed #e9eddf;width:100%}.bar-groups{justify-content:space-around;gap:16px;height:100%;display:flex;position:relative}.bar-group{flex-direction:column;flex:1;align-items:center;min-width:0;max-width:61px;display:flex}.bar-pair{justify-content:center;align-items:flex-end;gap:5px;width:100%;height:calc(100% - 27px);display:flex}.bar{border-radius:4px 4px 0 0;width:20px;max-width:40%;min-height:2px;position:relative}.income-bar{background:#8eaa70}.expense-bar{background:#d8e4ba}.bar-group:last-child .income-bar{background:#315e42}.bar-group:last-child .expense-bar{background:#c8da9e}.bar-group>span{color:#a2aa97;margin-top:13px;font-size:9px}.bar-group>span.latest{color:#49613c;font-weight:650}.bar>span{color:#fff;white-space:nowrap;z-index:2;background:#244b3b;border-radius:4px;padding:7px;font-size:9px;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px)}.bar:hover>span{display:block}.round-icon{color:#8ca16f;background:#f3f5ed;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.collection-number{justify-content:space-between;align-items:center;margin:24px 23px 15px;display:flex}.collection-number>strong{letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:42px;font-weight:650;line-height:1}.collection-number>strong>span{margin-left:2px;font-size:27px}.success-chip{color:#809261;background:#f2f6e9;border-radius:4px;align-items:center;gap:5px;padding:6px 7px;font-size:8px;display:inline-flex}.success-chip .live-dot{width:4px;height:4px}.progress-track{background:#edf1e3;border-radius:5px;height:7px;margin:0 23px;overflow:hidden}.progress-track>span{background:#8fa970;border-radius:5px;height:100%;display:block}.collection-meta{color:#a1a88f;justify-content:space-between;align-items:center;margin:12px 23px 20px;font-size:9px;display:flex}.collection-meta strong{color:#4e6042;font-size:10px;font-weight:650}.collection-meta strong span{color:#959e86;font-weight:400}.collection-details{color:#8b967c;grid-template-columns:1fr auto;row-gap:12px;margin:0 23px 18px;font-size:9px;display:grid}.collection-details>span{align-items:center;gap:7px;display:flex}.collection-details>strong{color:#71805e;font-size:9px;font-weight:500}.collection-link{color:#7b8c63;border-top:1px solid #eff1e9;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:13px 23px;font-size:9px;display:flex}.collection-panel{flex-direction:column;display:flex}.transactions .panel-heading{padding-bottom:19px}.transparent-label{color:#7f956b;align-items:center;gap:6px;font-size:9px;display:flex}.table-toolbar{border-top:1px solid #f0f2eb;justify-content:space-between;align-items:center;gap:10px;padding:0 23px;display:flex}.tabs{align-self:stretch;gap:20px;display:flex}.tabs button{color:#9aa38b;white-space:nowrap;border-bottom:2px solid #0000;padding:16px 0;font-size:9px}.tabs button.selected{color:#51703c;border-color:#718f54;font-weight:650}.search{color:#a2ad93;border:1px solid #e9ecdf;border-radius:6px;flex-direction:row;align-items:center;gap:7px;width:196px;padding:7px 9px;font-size:9px;font-weight:400;display:flex}.search input{box-shadow:none;border:0;border-radius:0;padding:0;font-size:9px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{letter-spacing:.6px;color:#97a188;background:#fafbf7;border-top:1px solid #f0f2e9;border-bottom:1px solid #eff2e8;padding:12px 20px;font-size:8px;font-weight:500}th:first-child,td:first-child{padding-left:23px}th:last-child,td:last-child{padding-right:23px}td{color:#8d987d;border-bottom:1px solid #f0f2e9;padding:14px 20px;font-size:9px}.transaction-name{align-items:center;gap:10px;display:flex}.transaction-name strong{color:#47583d;font-size:10px;font-weight:550}.transaction-name small{color:#a6ad9a;margin-top:5px;font-size:8px;display:block}.transaction-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.transaction-icon.income{color:#91a673;background:#f0f5e8}.transaction-icon.expense{color:#c5a17f;background:#faf1e7}.category-tag{color:#919d80;background:#fdfefa;border:1px solid #e8ecdf;border-radius:4px;padding:4px 7px;font-size:8px}.text-right{text-align:right}.amount{font-size:10px;font-weight:600}.amount.income{color:#709450}.amount.expense{color:#536146}.status-tag{color:#9aa58d;align-items:center;gap:5px;font-size:8px;display:inline-flex}.status-tag i{background:#91a878;border-radius:50%;width:4px;height:4px}.table-footer{color:#a5ac98;justify-content:space-between;align-items:center;padding:15px 23px;font-size:8px;display:flex}.table-footer button{color:#7b9261;gap:7px;font-size:9px}.page-footer{color:#a3ad97;justify-content:space-between;align-items:center;padding:24px 0 23px;font-size:8px;display:flex}.page-footer>span{align-items:center;gap:6px;display:flex}.page-footer strong{color:#81926c;font-weight:650}.page-footer i{background:#c3cbb9;border-radius:50%;width:3px;height:3px;margin:0 2px}.mobile-nav{display:none}.resident-callout{background:#eef3e5;border:1px solid #e2ebd5;border-radius:10px;align-items:center;gap:14px;margin-bottom:22px;padding:18px 22px;display:flex}.resident-callout>div:nth-child(2){flex:1}.resident-callout h3{font-size:13px}.resident-callout p{color:#82916f;margin-top:5px;font-size:11px}.resident-toolbar{padding:20px 23px}.resident-toolbar .search{width:280px;padding:10px}.house-tag{color:var(--green);border:1px solid #e3e9da;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:600}.status-pill{border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:inline-flex}.status-pill.paid{color:#728d54;background:#eff5e7}.status-pill.unpaid{color:#b48b5c;background:#fbf3e7}.resident-bill-summary{background:#eef3e5;border:1px solid #e2e9d7;border-radius:11px;align-items:center;gap:18px;margin-bottom:25px;padding:24px;display:flex}.resident-bill-summary>div>span{letter-spacing:1.5px;color:#8c9b79;font-size:8px}.resident-bill-summary h2{margin:6px 0;font-size:22px}.resident-bill-summary p{color:#849574;font-size:12px}.bill-total{flex-direction:column;gap:10px;margin-left:auto;display:flex}.bill-total strong{font-family:Manrope,sans-serif;font-size:25px}.bill-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:25px;display:grid}.bill-card{padding:23px}.home-payments{background:linear-gradient(120deg,#edf4e6,#f7f9f3);border:1px solid #dbe6d0;border-radius:16px;margin-bottom:26px;padding:26px}.home-payment-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:23px;display:flex}.home-payment-heading>div{min-width:0}.home-payment-heading h2{letter-spacing:-.6px;margin:10px 0;font-size:23px}.home-payment-heading p{color:#70816a;font-size:12px;line-height:1.8}.home-payment-total{text-align:right;flex-shrink:0}.home-payment-total>span{color:#70816a;margin-bottom:9px;font-size:11px;display:block}.home-payment-total strong{overflow-wrap:anywhere;font-size:clamp(20px,2vw,28px)}.home-payment-link{min-height:44px;color:var(--green);align-items:center;gap:10px;font-size:12px;font-weight:650;display:inline-flex}.bill-overdue{border-color:#e7c3b4}.status-pill.overdue{color:#aa4c31;background:#fbebe5}.route-loading{color:#70816a;justify-content:center;align-items:center;gap:12px;min-height:240px;font-size:13px;display:flex}@media (max-width:767px){.home-payments{margin-bottom:22px;padding:18px 14px}.home-payment-heading{flex-direction:column;gap:14px;margin-bottom:18px}.home-payment-heading h2{font-size:22px;line-height:1.3}.home-payment-total{text-align:left;width:100%}.home-payment-total strong{font-size:clamp(19px,6vw,27px)}.home-payments .bill-grid{grid-template-columns:minmax(0,1fr);margin-bottom:8px}.home-payments .bill-card{min-width:0;padding:18px}.home-payments .bill-price{overflow-wrap:anywhere;font-size:26px}.home-payments .bill-card .button{white-space:normal;font-size:12px}}.bill-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.bill-card>p{color:#8e9c7d;margin:9px 0;font-size:11px}.bill-card>h2{font-size:18px}.bill-price{letter-spacing:-.8px;margin-top:24px;font-size:28px;display:block}.bill-card .bill-description{margin:10px 0 22px;font-size:10px}.bill-card .button{width:100%}.payment-history .panel-heading{padding-bottom:22px}.history-row{border-top:1px solid #f0f3e9;align-items:center;gap:14px;padding:16px 23px;font-size:11px;display:flex}.history-row>div{flex:1}.history-row strong{font-weight:550}.history-row small{color:#a0aa94;margin-top:5px;font-size:9px;display:block}.history-row>.status-pill{margin-left:20px}.settings-grid{grid-template-columns:.8fr 1.4fr;gap:24px;display:grid}.settings-card{flex-direction:column;align-items:center;gap:17px;padding:35px;display:flex}.avatar.large{width:80px;height:80px;font-size:30px}.settings-card h2{font-size:22px}.settings-card p{color:#929f82;font-size:12px}.settings-card .button{margin-top:20px}.form-body{flex-direction:column;gap:20px;padding:25px;display:flex}.form-description{color:#8b977d;font-size:12px;line-height:1.9}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-error{color:#ad5f4e;background:#fff0ec;border:1px solid #f4d9d0;border-radius:6px;padding:11px 13px;font-size:12px;line-height:1.7}.form-body .button{font-size:12px}.info-box{color:#899676;background:#f2f5e9;border:1px solid #e8eddd;border-radius:7px;align-items:flex-start;gap:9px;padding:14px;font-size:11px;line-height:1.8;display:flex}.info-box svg{margin-top:2px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#142e2866;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:490px;max-height:92dvh;animation:.2s slide-up;overflow:auto;box-shadow:0 30px 100px #14291b33}.modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 23px;display:flex}.modal>header h2{letter-spacing:-.5px;font-size:18px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.payment-content{text-align:center;padding:28px}.payment-symbol{color:#718d54;background:#eff4e5;border-radius:20px;place-items:center;width:65px;height:65px;margin-bottom:18px;display:inline-grid}.payment-content>p{color:#939f86;margin-bottom:9px;font-size:12px}.payment-content>h2{letter-spacing:-1px;margin-bottom:12px;font-size:35px}.payment-content .info-box{text-align:left;margin:24px 0 14px}.order-id{word-break:break-all;color:#a4ad98;margin:15px 0 25px;font-size:9px;display:block}.payment-content .button{margin-bottom:10px;font-size:12px}.payment-content .payment-footnote{margin-top:12px;font-size:10px}.notice-label{color:#8b9f6b;letter-spacing:1.5px;font-size:9px}.empty{color:#9aa68c;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:50px 20px;font-size:12px;display:flex}.toast{z-index:70;color:#547244;background:#fff;border:1px solid #dfebd4;border-radius:10px;align-items:center;gap:10px;max-width:90vw;padding:12px 15px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #244b3b25}.spin{animation:1s linear infinite spin}.initial-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.initial-loading p{color:#8c9b7e;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-page{background:#fff;grid-template-columns:1.08fr 1fr;min-height:100dvh;display:grid}.login-story{background:#eaf0df;flex-direction:column;padding:40px 50px;display:flex;position:relative;overflow:hidden}.story-content{z-index:1;margin:auto 0;padding:65px 0 40px;position:relative}.story-tag{color:#7e936c;letter-spacing:1.6px;align-items:center;gap:8px;font-size:9px;font-weight:500;display:inline-flex}.story-tag>span{background:#92ac71;border-radius:50%;width:6px;height:6px}.story-content h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(32px,3.8vw,58px);line-height:1.27}.story-content h1 em{color:#7d9b58;font-style:normal}.story-content>p{color:#899979;font-size:13px;line-height:1.9}.story-features{gap:22px;margin-top:25px;display:flex}.story-features span{color:#82976d;align-items:center;gap:7px;font-size:10px;display:flex}.story-footer{color:#95a184;z-index:1;font-size:9px;position:relative}.login-form-side{flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.login-form-wrap{width:100%;max-width:360px;margin:auto 0}.login-welcome{color:#8ea17d;letter-spacing:1.5px;font-size:9px}.login-community-name{letter-spacing:-.2px;color:var(--green);overflow-wrap:anywhere;margin-top:10px;font-size:17px;line-height:1.55;display:block}.login-form-wrap>h2{letter-spacing:-1.4px;margin:15px 0 10px;font-size:35px;font-weight:750}.login-form-wrap>h2>span{color:#90ab65}.login-form-wrap>p{color:#98a18f;font-size:12px}.login-back{min-height:44px;color:var(--green);align-items:center;font-size:12px;display:inline-flex}.login-form-wrap form{flex-direction:column;gap:23px;margin-top:30px;display:flex}.password-input{border:1px solid var(--border);border-radius:8px;align-items:center;display:flex}.password-input input{box-shadow:none;background:0 0;border:0;padding:13px}.password-input:focus-within{border-color:#759d75;box-shadow:0 0 0 3px #b8d69a25}.password-input button{color:#9ba58f;padding:10px}.login-form-wrap .login-submit{justify-content:space-between;margin-top:3px;padding:14px;font-size:12px}.login-form-wrap .login-help{color:#a1aa95;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:10px;display:flex}.demo-login{color:#99a28b;background:#f9fbf5;border:1px dashed #d6dfc7;border-radius:8px;margin-top:30px;padding:15px 18px}.demo-label{letter-spacing:1.5px;color:#7c9261;font-size:8px;font-weight:650}.demo-login p{margin:6px 0;font-size:11px;line-height:2}.demo-login strong{color:#778766;font-weight:600}.demo-login small{font-size:9px}.login-bottom{color:#a0ac92;align-items:center;gap:7px;margin-top:30px;font-size:10px;display:flex}.login-mobile-logo{display:none}.neighborhood-art{max-width:510px;height:220px;margin:38px -10px 0;position:relative}.art-ground{background:#c6d2b3;height:2px;position:absolute;bottom:32px;left:0;right:0}.art-path{background:#dbe4ce;border-radius:50%;width:250px;height:12px;position:absolute;bottom:7px;left:25%}.art-sun{background:#d8e6b3;border-radius:50%;width:49px;height:49px;position:absolute;top:5px;right:64px}.art-cloud{background:#f5f8ee;border-radius:25px;width:65px;height:12px;position:absolute}.art-cloud:before{content:"";background:inherit;border-radius:50%;width:28px;height:23px;position:absolute;top:-12px;left:15px}.cloud-one{top:31px;left:83px}.cloud-two{top:67px;right:0;transform:scale(.7)}.art-house{z-index:2;width:120px;height:105px;position:absolute;bottom:34px}.house-one{left:40px}.house-two{transform-origin:bottom;bottom:34px;left:175px;transform:scale(1.13)}.house-three{transform-origin:bottom;left:315px;transform:scale(.9)}.roof{background:#78936a;border-radius:3px;width:95px;height:95px;position:absolute;top:-34px;left:13px;transform:rotate(45deg)}.house-two .roof{background:#496d4a}.house-three .roof{background:#9fae82}.wall{background:#f7f7e8;border:1px solid #dce3cc;gap:28px;width:120px;height:90px;padding:16px;display:flex;position:absolute;bottom:0;overflow:hidden}.wall i{background:#c5d3b3;border:3px solid #e6ead8;width:21px;height:25px;position:relative}.wall i:after{content:"";background:#eff4e4;width:1px;height:100%;position:absolute;left:50%}.wall span{background:#9bad86;border:4px solid #e8edda;border-bottom:0;width:23px;height:42px;position:absolute;bottom:0;left:47px}.house-two .wall{background:#e5edda}.house-two .wall span{background:#678a5f}.art-tree{z-index:3;width:40px;height:90px;position:absolute;bottom:34px}.tree-one{left:1px}.tree-two{transform-origin:bottom;left:450px;transform:scale(.9)}.art-tree i{background:#8fa376;width:5px;height:70px;position:absolute;bottom:0;left:18px}.art-tree span{background:#b1c396;border-radius:48% 48% 40% 40%;width:50px;height:70px;position:absolute;bottom:30px;left:-5px;transform:rotate(-8deg)}.tree-two span{background:#9eb882}@media (min-width:1500px){main{padding-top:43px}.stat-value{font-size:34px}.stats-grid{gap:24px}.middle-grid{grid-template-columns:1.85fr 1fr}.chart{height:225px}.collection-number{margin-top:32px}.collection-meta{margin-bottom:29px}.panel-heading h2{font-size:15px}.page-heading h1{font-size:32px}.sidebar{width:260px}.main-shell{width:calc(100% - 260px);margin-left:260px}}@media (max-width:1150px){.sidebar{width:214px;padding-left:15px;padding-right:15px}.main-shell{width:calc(100% - 214px);margin-left:214px}main{padding:28px 25px 0}.topbar{padding:0 25px}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end;margin-top:7px}.heading-actions .button{min-width:150px}.stat-value{font-size:24px}.stat-card,.balance-card{padding:17px}.stat-caption{gap:5px;font-size:8px}.stat-caption>span:last-child{max-width:110px;line-height:1.5}.stats-grid{gap:12px}.middle-grid{grid-template-columns:1.45fr 1fr;gap:15px}.panel-heading{padding:19px 18px 0}.panel-heading p{font-size:8px}.chart{margin-left:16px;margin-right:16px}.chart-legend{margin-right:18px}.period-chip{padding:6px;font-size:8px}.bar-groups{gap:9px}.collection-number,.collection-meta,.progress-track,.collection-details{margin-left:18px;margin-right:18px}.collection-number>strong{font-size:36px}.collection-meta{font-size:8px}.collection-meta strong{font-size:9px}.collection-link{padding-left:18px;padding-right:18px}.table-toolbar{padding:0 18px}.tabs{gap:13px}.search{width:160px}td,th{padding-left:15px;padding-right:15px}.status-column{display:none}.login-story{padding:35px}.story-features{gap:12px}.story-features span{font-size:9px}.neighborhood-art{transform-origin:0;margin-right:-80px;transform:scale(.85)}}@media (max-width:850px) and (min-width:701px){.sidebar{width:185px;padding:25px 10px 0}.main-shell{width:calc(100% - 185px);margin-left:185px}.sidebar .brand{padding-left:8px}.community-switch{gap:6px;padding:10px 6px}.community-switch strong{font-size:10px}.community-switch small{font-size:8px}.nav-item{gap:8px;padding:12px 10px;font-size:11px}.together-card{padding:14px 11px}.sidebar-user{gap:6px}.sidebar-user strong{font-size:9px}.sidebar-user>svg{display:none}.stats-grid{grid-template-columns:1fr 1fr}.balance-card{grid-column:1/-1;min-height:140px}.balance-card .stat-value{margin-bottom:14px;font-size:32px}.middle-grid{grid-template-columns:1fr}.collection-panel{display:none}.page-heading h1{font-size:24px}.page-heading p{max-width:220px}.updated{display:none}.table-toolbar{flex-direction:column;align-items:flex-start;gap:0;padding-top:12px}.search{order:-1;margin-bottom:10px}.login-story{padding:30px 22px}.story-content h1{font-size:34px}.story-content>p{font-size:11px}.story-features{flex-wrap:wrap}.neighborhood-art{height:190px;margin-right:-150px;transform:scale(.65)}.login-form-side{padding:30px}.login-welcome{font-size:8px}}@media (max-width:700px){body{font-size:14px}.sidebar{display:none}.main-shell{width:100%;margin-left:0;padding-bottom:68px}.topbar{background:var(--bg);border:0;flex-direction:row-reverse;height:68px;padding:0 20px}.breadcrumb{display:none}.topbar-actions{gap:5px}.updated,.topbar-actions>.live-dot,.top-divider{display:none}.avatar-small{width:30px;height:30px}.notification{margin-right:8px}.mobile-brand{display:block}.mobile-brand .logo{gap:7px;font-size:28px}.mobile-brand .logo-symbol{border-radius:8px;width:29px;height:29px}.mobile-brand .logo-symbol svg{width:19px}.mobile-brand .logo-dot{margin-left:-7px}main{padding:17px 19px 0}.page-heading{margin-bottom:19px;display:block}.eyebrow{letter-spacing:1.25px;margin-bottom:9px;font-size:8px}h1{letter-spacing:-.9px;font-size:25px}.page-heading p{max-width:330px;margin-top:8px;font-size:11px;line-height:1.7}.heading-actions{justify-content:space-between;gap:8px;margin-top:19px}.heading-actions .button{min-width:0;padding:11px;font-size:10px}.month-select{padding:10px;font-size:10px}.month-select select{width:117px}.demo-strip{gap:5px;margin-bottom:16px;padding:8px;font-size:8px}.demo-strip>span:last-child{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:17px}.balance-card{border-radius:12px;grid-column:1/-1;min-height:165px;padding:20px 22px}.balance-card .stat-top>span:first-child{font-size:12px}.balance-card .stat-value{letter-spacing:-1px;margin:12px 0 20px;font-size:34px}.balance-footer{font-size:10px}.stat-card{border-radius:10px;min-height:137px;padding:15px 13px}.stat-top>span:first-child{max-width:100px;font-size:9px}.stat-icon{border-radius:6px;width:26px;height:26px}.stat-icon svg{width:16px;height:16px}.stat-value{letter-spacing:-1px;margin:12px 0 16px;font-size:21px}.stat-caption{font-size:8px;line-height:1.8;display:block}.stat-caption>span:last-child{max-width:100%;margin-top:6px;display:block}.mini-label{font-size:8px}.middle-grid{margin-bottom:17px;display:block}.chart-panel{margin-bottom:17px}.panel-heading{padding:19px 17px 0}.panel-heading h2{font-size:13px}.panel-heading p{margin-top:6px;font-size:9px}.period-chip{padding:6px;font-size:8px}.chart-legend{gap:13px;margin-top:20px;margin-bottom:14px;font-size:8px}.chart{gap:8px;height:180px;margin:0 17px 20px 14px}.chart-y{font-size:8px}.bar-groups{gap:8px}.bar{width:18px}.bar-pair{gap:4px}.bar-group>span{font-size:8px}.collection-panel{display:block}.collection-panel .panel-heading{padding-top:18px}.collection-number{margin:20px 18px 13px}.collection-number>strong{font-size:36px}.collection-number>strong>span{font-size:25px}.collection-meta{margin-bottom:16px;font-size:10px}.collection-details{row-gap:10px;margin-bottom:17px;font-size:10px}.collection-details>strong{font-size:10px}.collection-link{padding:13px 18px;font-size:10px}.collection-meta strong{font-size:10px}.resident-callout{gap:9px;margin-bottom:17px;padding:15px 13px}.resident-callout .round-icon{width:32px;height:32px}.resident-callout h3{font-size:12px}.resident-callout p{font-size:9px;line-height:1.6}.resident-callout .button{gap:5px;padding:10px;font-size:9px}.resident-callout .button svg{width:13px}.transactions .panel-heading{align-items:flex-start;padding-bottom:17px}.transactions .panel-heading p{max-width:205px;font-size:9px}.transactions .button.small{width:31px;min-width:31px;height:31px;padding:7px;font-size:0}.transactions .button.small svg{width:16px;height:16px}.transparent-label{gap:0;font-size:0}.transparent-label svg{width:19px}.table-toolbar{flex-wrap:wrap;gap:0;padding:0 16px}.tabs{justify-content:space-between;gap:19px;width:100%}.tabs button{padding:14px 0;font-size:10px}.table-toolbar .search{width:100%;margin:12px 0;padding:9px}.search input,.search{font-size:11px}th{font-size:8px}td{padding:13px 14px;font-size:10px}td:first-child,th:first-child{padding-left:16px}td:last-child,th:last-child{padding-right:16px}.transaction-name{gap:8px}.transaction-name strong{font-size:10px}.transaction-name small{font-size:8px}.transaction-icon{width:29px;height:29px}.transaction-icon svg{width:16px}.transactions th:nth-child(2),.transactions td:nth-child(2),.transactions th:nth-child(3),.transactions td:nth-child(3){display:none}.transactions .amount{font-size:10px}.transactions table{white-space:normal}.transactions .transaction-name strong{line-height:1.6}.transactions .transaction-name{max-width:205px}.table-footer{gap:8px;padding:14px 16px;font-size:8px}.table-footer button{gap:4px;font-size:9px}.table-footer button svg{width:13px}.page-footer{justify-content:center;padding:23px 0 18px}.page-footer>span:first-child{font-size:8px}.page-footer>span:last-child{display:none}.mobile-nav{min-height:68px;padding:8px 7px max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#ffffffed;border-top:1px solid #e5eadb;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#a1ac91;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:65px;padding:5px;font-size:9px;display:flex}.mobile-nav a.active{color:var(--green);background:#f0f5e7}.mobile-nav a.active svg{stroke-width:2.3px}.mobile-nav span{font-size:9px}.resident-bill-summary{flex-wrap:wrap;gap:13px;margin-bottom:17px;padding:17px}.resident-bill-summary h2{font-size:19px}.resident-bill-summary p{font-size:11px}.bill-total{border-top:1px solid #dce5ce;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:7px 0 0;padding-top:17px}.bill-total strong{font-size:21px}.resident-bill-summary>div>span{letter-spacing:.6px;font-size:8px}.bill-grid{grid-template-columns:1fr;gap:16px;margin-bottom:17px}.bill-card{padding:20px}.bill-card .button{font-size:11px}.bill-price{font-size:29px}.payment-history .panel-heading{padding-bottom:17px}.history-row{gap:9px;padding:16px;font-size:10px}.history-row>.status-pill{margin-left:0;padding:5px;font-size:8px}.history-row>strong{font-size:10px}.history-row .transaction-icon{display:none}.resident-toolbar{padding:17px}.resident-toolbar .search{width:100%}.settings-grid{display:block}.settings-grid>.panel{margin-bottom:17px}.settings-card{padding:26px}.settings-card h2{font-size:21px}.form-body{gap:19px;padding:22px 19px}.form-row{gap:11px}.form-body label{font-size:12px}.form-body input,.form-body select{font-size:13px}.modal-backdrop{padding:16px}.modal{border-radius:13px;max-height:90dvh}.modal>header{padding:16px 19px}.modal>header h2{font-size:17px}.toast{width:max-content;max-width:90vw;padding:11px;font-size:11px;line-height:1.7;bottom:85px}.login-page{background:#f8faf4;flex-direction:column;display:flex}.login-story{display:none}.login-form-side{justify-content:flex-start;align-items:stretch;min-height:100dvh;padding:27px 25px}.login-mobile-logo{margin-bottom:48px;display:block}.login-form-wrap{max-width:390px;margin:auto}.login-welcome{letter-spacing:1.2px;font-size:8px}.login-form-wrap>h2{margin-top:13px;font-size:33px}.login-form-wrap>p{font-size:12px}.login-form-wrap form{gap:24px}.login-form-wrap input,.login-form-wrap select{padding:14px;font-size:14px}.password-input{background:#fff}.login-form-wrap .password-input input{padding:14px}.login-form-wrap .login-submit{margin-top:3px;padding:15px}.login-bottom{justify-content:center;margin-top:40px;font-size:9px}.demo-login{background:#f1f5e9;margin-top:28px}.login-form-wrap .login-help{gap:5px;margin-top:20px;font-size:9px}.login-form-side>.login-bottom{margin-top:40px}.login-form-side .form-row{gap:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sidebar{overflow-y:auto}.sidebar nav{flex-shrink:0}.sidebar-bottom{padding-top:24px}.main-shell,main,.panel{min-width:0}.button{min-height:42px;font-size:12px}.button.small{min-height:36px;font-size:11px}.nav-item{font-size:13px}.nav-caption{font-size:10px}.sidebar-user strong{font-size:11px}.sidebar-user small{font-size:10px}.panel-heading h2{font-size:15px}.panel-heading p,.page-heading p{font-size:12px}.eyebrow{font-size:9px}td{font-size:12px}th{font-size:10px}.transaction-name strong{font-size:12px}.transaction-name small{font-size:10px}.amount{font-size:12px}.category-tag,.status-tag{font-size:10px}.month-select select{width:145px;font-size:12px}.month-select{padding:10px 12px}.tabs button,.search input,.search{font-size:12px}.table-footer{font-size:11px}.page-footer{font-size:10px}.stat-top>span:first-child{font-size:12px}.stat-caption{font-size:10px}.stat-caption>span:last-child{max-width:none}.balance-footer{font-size:10px}.collection-meta,.collection-details,.collection-details>strong,.collection-link{font-size:11px}.collection-meta strong{font-size:12px}.status-pill{font-size:11px}.form-description,.info-box{font-size:13px}.success-chip,.chart-y,.chart-legend{font-size:10px}.bar-group>span{font-size:11px}.period-chip{font-size:10px}.topbar .breadcrumb{font-size:12px}.demo-strip{font-size:10px}textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:70px;font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:12px 13px}textarea:focus{outline-offset:2px;outline:2px solid #a8c67c}.stack-form{flex-direction:column;gap:18px;display:flex}.form-body hr{border:0;border-top:1px solid var(--border);width:100%;margin:4px 0}.action-row{justify-content:flex-end;gap:10px;display:flex}.quick-actions{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.announcement-teaser{text-align:left;color:#6b8355;background:#eef4e4;border:1px solid #e1e9d4;border-radius:9px;align-items:center;gap:11px;width:100%;margin-bottom:20px;padding:13px 17px;font-size:12px;display:flex}.announcement-teaser>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.review-banner{color:#a08047;background:#fff7e9;border:1px solid #ebd6b2;border-radius:8px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;font-size:12px;display:flex}.review-banner>span{flex:1}.review-banner button{color:#8f713f;align-items:center;gap:7px;font-size:12px;display:flex}.load-error{align-items:center;gap:12px;margin-bottom:18px;display:flex}.load-error .form-error{flex:1}.transaction-detail-button{text-align:left;justify-content:flex-start;padding:0;font-size:12px;font-weight:550;line-height:1.6}.transaction-detail-button:hover{text-decoration:underline}.voided-row td{opacity:.65}.voided-row .amount{text-decoration:line-through}.voided-row .transaction-detail-button:after{content:" · Dibatalkan";color:#a96e57;white-space:nowrap;margin-left:5px;font-size:10px}.detail-amount{font-family:Manrope,sans-serif;font-size:30px}.detail-list{grid-template-columns:105px minmax(0,1fr);gap:14px 16px;margin:4px 0;font-size:13px;line-height:1.7;display:grid}.detail-list dt{color:#8c9980}.detail-list dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.button.danger-outline{color:#a96b53;background:#fffaf7;border:1px solid #ecd9d0}.button.danger{color:#fff;background:#a7654c}.pagination{border-top:1px solid var(--border);color:#8b9980;justify-content:space-between;align-items:center;padding:15px 22px;font-size:11px;display:flex}.pagination>div{align-items:center;gap:12px;display:flex}.pagination button{border:1px solid var(--border);width:34px;height:34px;color:var(--green);background:#fff;border-radius:6px}.pagination button:disabled{opacity:.35}.row-subtitle{color:#94a086;margin-top:6px;font-size:10px;font-weight:400;display:block}.rich-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.compact-select{width:auto;max-width:205px;padding:10px 12px;font-size:12px}.resident-title{align-items:center;gap:13px;display:flex}.resident-title h3{font-size:17px}.resident-title p{color:#92a17f;margin-top:5px;font-size:11px;line-height:1.6}.segmented{border:1px solid var(--border);background:#f3f6ed;border-radius:8px;gap:4px;padding:4px;display:flex}.segmented button{color:#8b9d74;border-radius:5px;flex:1;padding:10px 8px;font-size:12px}.segmented .selected{color:var(--green);background:#fff;box-shadow:0 1px 5px #244b3b10}.admin-bill-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 0;display:flex}.admin-bill-row>div{flex:1}.admin-bill-row strong{font-size:12px}.admin-bill-row small{color:#8e9b80;margin-top:5px;font-size:10px;line-height:1.6;display:block}.admin-bill-row .button.small{padding:8px;font-size:10px}.admin-bill-row .status-pill{white-space:nowrap;font-size:9px}.nested-form{background:#f6f8f0;border:1px solid #e3ead9;border-radius:9px;padding:17px}.nested-form h3{font-size:15px}.nested-form .button{white-space:normal}.print-sheet{border:1px solid #e4ebd8;border-radius:9px;padding:26px}.receipt-brand{color:#6f8f50;letter-spacing:1.2px;justify-content:center;align-items:center;gap:8px;font-size:9px;display:flex}.print-sheet>h2{text-align:center;margin-top:18px;font-size:23px}.receipt-address{text-align:center;color:#98a387;white-space:pre-wrap;margin:8px 0 20px;font-size:11px;line-height:1.7}.demo-receipt{text-align:center;color:#b28b5d;letter-spacing:1px;margin-bottom:17px;font-size:10px}.receipt-number{text-align:center;color:#94a285;font-size:11px}.print-sheet>h3{text-align:center;letter-spacing:-1px;margin:13px 0;font-size:31px}.print-sheet>.status-pill{width:max-content;margin:0 auto 26px;display:flex}.print-sheet .detail-list{border-top:1px dashed #e2e8d7;grid-template-columns:85px minmax(0,1fr);padding-top:23px;font-size:12px}.print-sheet>footer{text-align:center;color:#9aa78a;border-top:1px dashed #e2e8d7;margin-top:25px;padding-top:18px;font-size:10px;line-height:1.9}.break-word{overflow-wrap:anywhere}.notice-list{padding:15px 23px}.notice-card{border-bottom:1px solid var(--border);padding:22px 0}.notice-card:last-child{border-bottom:0}.notice-card.archived{opacity:.6}.notice-card-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.notice-card-heading>span{color:#97a584;align-items:center;gap:5px;font-size:10px;display:flex}.notice-card h3{margin-bottom:12px;font-size:18px}.notice-card>p{white-space:pre-wrap;overflow-wrap:anywhere;color:#7f9070;font-size:13px;line-height:1.9}.checkbox-label{flex-direction:row;align-items:center;font-weight:400}.checkbox-label input{width:16px;height:16px;accent-color:var(--green)}.settings-shortcuts{flex-wrap:wrap;gap:8px;margin-bottom:22px;padding:14px;display:flex}.settings-shortcuts button{color:#748964;background:#f4f7ed;border-radius:6px;gap:10px;padding:11px 13px;font-size:12px}.settings-shortcuts button:hover{background:#e8f0da}.admin-settings{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px;display:grid}.admin-settings>.panel:nth-child(3),.admin-settings>.form-error{grid-column:1/-1}.rate-history{border-top:1px solid var(--border);padding-top:15px}.rate-history>div{color:#889c72;justify-content:space-between;gap:10px;padding:9px 0;font-size:12px;display:flex}.rate-history strong{color:var(--green);font-weight:550}.report-summary{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px;display:grid}.report-stat{padding:20px}.report-stat span{color:#889a76;font-size:12px}.report-stat strong{letter-spacing:-.8px;margin:15px 0 10px;font-family:Manrope,sans-serif;font-size:23px;display:block}.report-stat:last-child{background:var(--green);color:#fff}.report-stat:last-child span,.report-stat:last-child small{color:#b6c6a8}.report-stat small{color:#a1af8f;font-size:10px}.category-breakdown{padding:18px 23px}.category-breakdown-row{border-bottom:1px solid #edf1e6;align-items:center;gap:13px;padding:14px 0;display:flex}.category-breakdown-row:last-child{border-bottom:0}.category-breakdown-row>div{flex:1}.category-breakdown-row strong{font-size:12px;font-weight:550}.category-breakdown-row small{color:#95a583;margin-top:5px;font-size:10px;display:block}.section-space{margin-top:24px}.order-list{padding:20px 23px}.order-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:15px;padding:19px 0;display:flex}.order-row:last-child{border-bottom:0}.order-row>div:first-child{flex:1;min-width:0}.order-row>div:last-child{flex-direction:column;align-items:flex-end;gap:9px;display:flex}.order-row strong{font-size:12px}.order-row small{color:#93a17e;margin-top:7px;font-size:11px;line-height:1.7;display:block}.order-row code{color:#a5b291;overflow-wrap:anywhere;margin-top:9px;font-size:9px;display:block}.order-review{color:#ab8b58;align-items:flex-start;gap:6px;margin-top:9px;font-size:11px;line-height:1.7;display:flex}.audit-list{padding:20px 23px}.audit-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:15px;padding:20px 0;display:flex}.audit-row:last-child{border-bottom:0}.audit-row>div{min-width:0}.audit-row strong{font-size:13px}.audit-row p{color:#8b9b79;overflow-wrap:anywhere;margin:9px 0;font-size:12px;line-height:1.8}.audit-row small{color:#a6b196;font-size:10px}.no-print{display:inline-flex}@media (max-height:950px) and (min-width:701px){.together-card{display:none}.sidebar-bottom{padding-top:18px}.sidebar nav{gap:4px}.sidebar .nav-item{padding-top:11px;padding-bottom:11px}.community-switch{margin-bottom:25px}}@media (max-width:1150px){.report-summary{grid-template-columns:1fr 1fr}.admin-settings{grid-template-columns:1fr}.admin-settings>.panel:nth-child(3){grid-column:auto}.stats-grid{grid-template-columns:1fr 1fr}.balance-card{grid-column:1/-1}.page-heading{align-items:flex-start}.stat-value{font-size:28px}.page-heading h1{font-size:26px}.heading-actions .button{min-width:0;font-size:11px}.collection-details,.collection-meta strong{font-size:10px}.settings-shortcuts{flex-direction:column}.settings-shortcuts button{justify-content:flex-start}.settings-shortcuts button>svg:last-child{margin-left:auto}.period-chip{font-size:9px}}@media (max-width:700px){input,select,textarea{min-height:44px;font-size:16px!important}label{font-size:13px}.button{min-height:44px;padding:12px 14px;font-size:12px}.button.small{min-height:42px;font-size:11px}.icon-button{width:40px;height:40px}.panel-heading h2{font-size:15px}.panel-heading p,.page-heading p{font-size:12px}.panel-heading{align-items:flex-start}.month-select select{width:140px;min-height:22px;font-size:12px!important}.month-select{min-height:44px;padding:10px}.heading-actions{flex-wrap:wrap}.heading-actions .button{padding:11px;font-size:11px}.demo-strip{font-size:10px;line-height:1.7}.stat-value{font-size:23px}.balance-card .stat-value{font-size:34px}.stat-card .stat-top>span:first-child{font-size:11px}.stat-caption{font-size:10px;line-height:1.6}.stat-card .stat-icon{width:24px;height:24px}.stat-caption>span:last-child{max-width:100%;font-size:10px;line-height:1.6}.mini-label{font-size:9px}.balance-footer{font-size:11px}.chart{height:190px}.chart-y,.chart-legend,.bar-group>span{font-size:10px}.collection-details,.collection-details>strong,.collection-link,.collection-meta,.collection-meta strong{font-size:12px}.collection-number>strong{font-size:40px}.success-chip{font-size:10px}.resident-callout{flex-wrap:wrap}.resident-callout p{font-size:11px}.resident-callout h3{font-size:13px}.resident-callout .button{min-height:42px;font-size:11px}.tabs button{min-height:44px;font-size:11px}.tabs{gap:12px}.search{width:100%;min-height:44px;padding:0 10px!important}.search input{min-height:42px;font-size:14px!important}.transactions th{font-size:9px}.transactions .transaction-name{gap:7px;max-width:none}.transaction-detail-button{min-height:40px;font-size:12px}.transactions .amount{white-space:nowrap;font-size:11px}.transactions .transaction-name small{font-size:10px}.transactions td{padding:11px 12px}.transactions th:first-child,.transactions td:first-child{padding-left:14px}.transactions .transaction-icon{width:25px;height:29px}.transactions .button.small{min-height:36px;font-size:0}.table-footer,.table-footer button{font-size:10px}.pagination{gap:10px;padding:12px 16px;font-size:11px}.pagination button{width:42px;height:42px}.pagination>div{gap:8px}.rich-toolbar{flex-direction:column;align-items:stretch}.compact-select{width:100%;max-width:none;font-size:14px!important}.rich-toolbar .search{width:100%}.table-scroll table{white-space:nowrap}.table-scroll td{font-size:12px}.table-scroll th{font-size:10px}.table-scroll .transaction-name strong{font-size:12px}.table-scroll .transaction-name small{font-size:10px}.status-pill{font-size:11px}.page-footer{font-size:10px}.mobile-nav{padding-left:3px;padding-right:3px}.mobile-nav a{flex:1;min-width:0;min-height:52px;font-size:10px}.mobile-nav span{font-size:10px}.form-description,.info-box{font-size:13px;line-height:1.8}.detail-list{grid-template-columns:85px minmax(0,1fr);font-size:13px}.modal-backdrop{padding:12px}.modal{border-radius:13px;max-height:90dvh}.modal>header h2{font-size:18px}.form-body{padding:21px 18px}.modal .form-row{grid-template-columns:1fr}.modal-actions,.action-row{flex-wrap:wrap}.form-body .button{white-space:normal;min-height:44px;font-size:12px}.segmented button{min-height:44px;font-size:12px}.admin-bill-row{flex-wrap:wrap;gap:7px}.admin-bill-row strong{font-size:13px}.admin-bill-row small{font-size:11px}.admin-bill-row>div{min-width:145px}.admin-bill-row .status-pill{font-size:10px}.admin-bill-row .button.small{min-height:40px;padding:8px;font-size:10px}.resident-title h3{font-size:16px}.resident-title p{font-size:12px}.review-banner{flex-wrap:wrap;padding:13px;font-size:12px}.review-banner>span{min-width:200px}.review-banner button{min-height:36px;margin-left:27px;font-size:12px}.announcement-teaser{padding:13px;font-size:12px}.notice-list{padding:10px 17px}.notice-card{padding:19px 0}.notice-card>p{font-size:14px;line-height:1.85}.notice-card-heading>span{font-size:11px}.notice-card h3{font-size:17px}.checkbox-label input{min-height:16px}.settings-shortcuts{margin-bottom:18px}.settings-shortcuts button{min-height:48px;font-size:13px}.admin-settings{gap:18px;margin-bottom:18px}.admin-settings .form-row{grid-template-columns:1fr}.report-summary{gap:10px}.report-stat{padding:17px 13px}.report-stat span{font-size:11px}.report-stat strong{margin:13px 0 10px;font-size:23px}.report-stat small{font-size:10px}.report-print .panel-heading,.section-space>.panel-heading{flex-wrap:wrap;gap:14px}.report-print .panel-heading>.button,.section-space>.panel-heading>.button{justify-content:center;width:100%}.report-print .panel-heading p,.section-space>.panel-heading p{font-size:12px;line-height:1.7}.category-breakdown{padding:15px 17px}.category-breakdown-row{gap:9px}.category-breakdown-row strong{font-size:12px}.category-breakdown-row small{font-size:11px}.category-breakdown-row>.transaction-icon{width:28px}.order-list,.audit-list{padding:13px 17px}.order-row{gap:9px}.order-row strong{font-size:12px;line-height:1.7}.order-row small{font-size:11px}.order-row .status-pill{white-space:nowrap;font-size:10px}.order-row .button.small{padding:8px;font-size:10px}.order-row>div:last-child{flex-shrink:0}.order-row code{font-size:9px}.order-review{font-size:11px}.audit-row{gap:10px}.audit-row .round-icon{width:28px;height:28px}.audit-row p{font-size:12px}.audit-row small{font-size:11px;line-height:1.7}.print-sheet{padding:18px 15px}.print-sheet .detail-list{grid-template-columns:75px minmax(0,1fr);gap:13px;font-size:12px}.print-sheet>h2{font-size:21px}.print-sheet>h3{font-size:30px}.receipt-address{font-size:12px}.login-form-wrap .form-row{grid-template-columns:1fr 1fr}.login-form-wrap .password-input button{min-width:44px;min-height:44px}.login-form-wrap .login-help{font-size:11px;line-height:1.7}.demo-login p{font-size:12px}.demo-login small,.login-bottom{font-size:11px}.toast{font-size:12px;bottom:85px}.history-row{flex-wrap:wrap;gap:8px;padding:15px 13px}.history-row strong{font-size:12px}.history-row>strong{font-size:11px}.history-row .button.small{padding:8px;font-size:10px}.history-row .button svg{width:12px}.history-row small{font-size:10px}}@media (max-width:370px){main{padding-left:13px;padding-right:13px}.stat-value{font-size:20px}.stat-card{padding:14px 10px}.report-stat strong{font-size:20px}.mobile-nav span{font-size:9px}.mobile-nav a{padding:5px 2px}.heading-actions .button{font-size:10px}.transaction-icon{display:none}.transactions .amount{font-size:10px}}@media print{@page{size:A4;margin:18mm}body{color:#172e22;background:#fff}.app-shell{display:block}.app-shell>*{display:none!important}.app-shell>.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;position:static;display:block!important}.modal{width:100%;max-width:none;max-height:none;box-shadow:none;border:0;border-radius:0;display:block;overflow:visible}.modal>header,.no-print{display:none!important}.modal .form-body{padding:0;display:block}.print-sheet{break-inside:avoid;border:1px solid #d6e0cc;padding:30px}.print-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-sheet>footer{font-size:12px}}.modal>header{z-index:3;background:#fff;position:sticky;top:0}.balance-card .stat-top>span:first-child{max-width:none}.check-payment{margin-top:10px}.sidebar-user{margin-top:0}.page-heading h1{overflow-wrap:anywhere}@media (max-width:1150px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.balance-card{min-width:0}}@media (max-width:700px){.balance-card .stat-value{font-size:clamp(25px,8.7vw,34px)}.stat-card .stat-value{font-size:clamp(18px,5.9vw,23px)}}.nested-form{scroll-margin-top:90px}.bill-filter{width:100%;max-width:none}.stat-card,.balance-card,.report-stat{container-type:inline-size}.stat-value,.balance-card .stat-value,.stat-card .stat-value{font-size:clamp(14px, calc(185cqw / var(--money-length,13)), 34px);scrollbar-width:thin;white-space:nowrap;max-width:100%;overflow-x:auto}.report-stat strong{font-size:clamp(12px, calc(185cqw / var(--money-length,13)), 27px);scrollbar-width:thin;white-space:nowrap;max-width:100%;overflow-x:auto}.bill-total{flex-wrap:wrap;gap:10px}.payment-content>h2{font-size:clamp(25px,7.5vw,35px)}@media (max-width:700px){.transactions table{table-layout:fixed;white-space:normal}.transactions th:first-child,.transactions td:first-child{width:66%}.transactions .text-right{width:34%}.transactions .transaction-name>div{flex:1;min-width:0}.transactions .transaction-detail-button{white-space:normal;overflow-wrap:anywhere;width:100%}}.dues-summary{background:#eef3e6;border:1px solid #dfe7d6;border-radius:14px;align-items:center;gap:14px;margin-bottom:20px;padding:20px 24px;display:flex}.dues-house{flex:1;min-width:0}.dues-house h2{font-size:17px}.dues-house p{color:#677764;overflow-wrap:anywhere;margin-top:5px;font-size:12px}.dues-total{text-align:right}.dues-total span{color:#677764;font-size:12px;display:block}.dues-total strong{letter-spacing:-.7px;margin-top:4px;font-size:24px;display:block}.dues-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.dues-toolbar h2{font-size:16px}.dues-toolbar p{color:#71806f;margin-top:5px;font-size:12px}.dues-filters{flex-wrap:wrap;gap:4px;display:flex}.dues-filters button{color:#657460;background:0 0;border:0;border-radius:8px;gap:6px;min-height:40px;padding:8px 11px;font-size:12px}.dues-filters button[aria-pressed=true]{color:var(--green);background:#edf3e5;font-weight:650}.dues-filters button:hover{background:#f1f5eb}.dues-filters button span{min-width:18px;font-size:10px}.dues-list{margin:0;padding:0;list-style:none}.dues-row{border-bottom:1px solid var(--border);grid-template-columns:40px minmax(0,1fr) auto 155px;align-items:center;gap:16px;padding:18px 24px;display:grid}.dues-row:last-child{border-bottom:0}.dues-icon{color:#a57946;background:#faf1e5;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.dues-icon.is-paid{color:#78975a;background:#eef4e7}.dues-period h3{font-size:14px;font-weight:650}.dues-status{color:#a47738;align-items:center;gap:4px;margin-top:5px;font-size:11px;display:inline-flex}.dues-status.is-paid{color:#668748}.dues-status.is-overdue{color:#ad5945}.dues-period small{color:#778272;margin-top:4px;font-size:10px;display:block}.dues-amount{white-space:nowrap;font-size:15px}.dues-actions{flex-direction:column;gap:6px;display:flex}.dues-actions .button{min-height:40px;padding:9px 12px;font-size:12px}.dues-actions .check-payment{margin-top:0}@media (max-width:700px){.dues-summary{flex-wrap:wrap;gap:12px;padding:17px}.dues-house h2{font-size:16px}.dues-total{text-align:left;border-top:1px solid #dce5d2;flex-basis:100%;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.dues-total strong{margin-top:0;font-size:21px}.dues-total span{font-size:11px}.dues-toolbar{gap:12px;padding:18px 16px}.dues-filters{gap:2px;width:100%}.dues-filters button{min-height:44px;padding:8px 10px;font-size:11px}.dues-row{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:17px 16px}.dues-icon{border-radius:8px;width:32px;height:32px}.dues-icon svg{width:18px;height:18px}.dues-period h3{font-size:13px}.dues-amount{font-size:14px}.dues-actions{flex-flow:wrap;grid-column:2/-1}.dues-actions .button{min-height:44px;font-size:11px}}