:root{--ink:#17221d;--muted:#758079;--line:#e8ebe6;--paper:#fff;--bg:#f6f7f4;--green:#255d46;--green2:#e9f2ec;--lime:#d9f083;--orange:#b96a37;--orange-bg:#fff2e8;--red:#b8544e;--shadow:0 12px 32px rgba(24,42,32,.055)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:14px system-ui,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}aside{background:#fff;border-right:1px solid var(--line);padding:27px 17px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 32px}.brand-mark{width:35px;height:35px;border-radius:12px;background:var(--green);display:grid;place-items:center;color:var(--lime);font-size:19px;font-weight:700}.brand-name{font:800 16px system-ui,Segoe UI,sans-serif;letter-spacing:-.5px}.brand-sub{font-size:11px;color:var(--muted);margin-top:2px}.nav-label{padding:0 11px;margin:8px 0 9px;color:#9aa29c;font-size:10px;text-transform:uppercase;letter-spacing:1.25px;font-weight:700}.nav{display:grid;gap:5px}.nav button{border:0;background:transparent;color:#68736c;text-align:left;border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:12px;font-weight:600;font-size:13px}.nav button:hover{background:#f5f7f3}.nav button.active{background:var(--green2);color:var(--green)}.ico{width:18px;height:18px;display:inline-grid;place-items:center;font-size:17px;font-weight:400}.nav .badge{margin-left:auto;background:#f7e7d7;color:#9f6039;font-size:10px;padding:3px 7px;border-radius:99px}.space{flex:1}.group-card{margin:10px 4px 18px;background:#f7f8f5;border:1px solid var(--line);border-radius:13px;padding:13px}.group-head{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}.group-row{display:flex;align-items:center;gap:9px;margin-top:12px}.avatars{display:flex}.avatars i{font-style:normal;width:24px;height:24px;border:2px solid #f7f8f5;border-radius:50%;display:grid;place-items:center;margin-right:-5px;font-size:9px;font-weight:700;color:#365c49;background:#dcebe0}.group-row small{color:var(--muted);font-size:11px}.profile{border-top:1px solid var(--line);padding:16px 6px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#efdfd1;display:grid;place-items:center;color:#88583a;font-size:11px;font-weight:700}.profile strong{font-size:12px;display:block}.profile small{font-size:10px;color:var(--muted)}.dots{margin-left:auto;color:#8a948d;font-size:19px}main{min-width:0}.topbar{height:72px;background:#ffffffd1;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,58px);position:sticky;top:0;z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.crumb{font-size:12px;color:var(--muted)}.crumb b{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:13px}.role-switch{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 9px;color:#526057;font-size:11px}.icon-btn{position:relative;border:1px solid var(--line);background:#fff;width:34px;height:34px;border-radius:10px;color:#58665d}.dot{position:absolute;width:6px;height:6px;right:7px;top:7px;background:#dd8b50;border:1px solid white;border-radius:50%}.content{max-width:1330px;margin:auto;padding:38px clamp(22px,4vw,58px) 55px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;margin-bottom:9px}.welcome h1{font:700 clamp(24px,3vw,32px) system-ui,Segoe UI,sans-serif;letter-spacing:-1.1px;margin:0}.welcome p{margin:8px 0 0;color:var(--muted);font-size:13px}.welcome-right{display:flex;align-items:center;gap:10px}.month-pill{display:flex;align-items:center;gap:8px;color:#536158;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:11px;font-weight:600}.primary{border:0;border-radius:9px;padding:11px 15px;background:var(--green);color:#fff;font-size:12px;font-weight:700;box-shadow:0 4px 9px #255d4622}.primary:hover{background:#194832;transform:translateY(-1px)}.quiet{border:1px solid var(--line);background:#fff;color:#526057;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:600}.grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.95fr);gap:19px}.left-col,.right-col{display:grid;align-content:start;gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.balance-card{padding:22px 23px 20px;background:var(--green);color:#fff;border:0;position:relative;overflow:hidden}.balance-card:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff17;border-radius:50%;right:-95px;top:-155px;box-shadow:0 0 0 27px #ffffff08,0 0 0 56px #ffffff06}.balance-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.balance-label{color:#c7d8cd;font-size:11px}.verified{border:1px solid #ffffff2b;background:#ffffff12;padding:5px 8px;border-radius:99px;font-size:9px;color:#d4e5d8;display:flex;align-items:center;gap:5px}.balance-amount{font:700 36px system-ui,Segoe UI,sans-serif;letter-spacing:-1px;margin:16px 0 2px;position:relative;z-index:1}.balance-hint{font-size:10px;color:#c1d3c7;position:relative;z-index:1}.balance-bottom{display:flex;gap:25px;border-top:1px solid #ffffff29;padding-top:14px;margin-top:20px;position:relative;z-index:1}.balance-stat span{display:block;color:#c1d3c7;font-size:9px;margin-bottom:5px}.balance-stat strong{font-size:12px;font-weight:600}.trend{color:#dcf29c;font-size:10px;margin-left:5px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{padding:16px 17px}.metric-label{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.metric-icon{width:25px;height:25px;border-radius:8px;background:#f1f4ef;display:grid;place-items:center;color:var(--green);font-size:13px}.metric-value{font:700 21px system-ui,Segoe UI,sans-serif;letter-spacing:-.6px;margin-top:13px}.metric-foot{font-size:10px;color:var(--muted);margin-top:4px}.green-text{color:var(--green)}.orange-text{color:var(--orange)}.section-card{padding:19px 20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head h2{font:700 14px system-ui,Segoe UI,sans-serif;letter-spacing:-.3px;margin:0}.section-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.link-btn{background:none;border:0;color:var(--green);font-size:10px;font-weight:700;padding:5px}.member-list{display:grid}.member{display:grid;grid-template-columns:minmax(130px,1.25fr) .9fr .8fr;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #eff1ed}.member:first-child{border-top:0;padding-top:2px}.member-person{display:flex;align-items:center;gap:9px;min-width:0}.member-person .avatar{width:29px;height:29px;font-size:9px;flex:none}.person-name{font-size:11px;font-weight:600;white-space:nowrap}.person-caption{font-size:9px;color:var(--muted);margin-top:3px}.member-amount{font-size:11px;font-weight:700}.member-date{font-size:9px;color:var(--muted);margin-top:3px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:700;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.paid{background:#eaf4ed;color:#34714f}.pending{background:#fff3e9;color:#a46535}.late{background:#fff0ef;color:#b6534d}.due{background:#f1f2ef;color:#757f78}.ledger{width:100%;border-collapse:collapse;text-align:left}.ledger th{font-size:9px;letter-spacing:.65px;color:#929a94;text-transform:uppercase;font-weight:700;padding:0 9px 10px}.ledger td{padding:11px 9px;border-top:1px solid #eff1ed;font-size:10px;vertical-align:middle}.ledger td:first-child,.ledger th:first-child{padding-left:0}.transaction{display:flex;align-items:center;gap:9px}.tx-icon{width:28px;height:28px;background:#f1f4ef;border-radius:9px;display:grid;place-items:center;color:var(--green);font-size:12px;flex:none}.tx-title{font-weight:600;font-size:10px}.tx-sub{font-size:9px;color:var(--muted);margin-top:3px}.amount-pos{color:var(--green);font-weight:700}.amount-neg{color:#424e46;font-weight:700}.subdued{color:var(--muted)}.due-card{padding:18px 19px}.due-banner{border:1px solid #f2e1d2;background:var(--orange-bg);border-radius:11px;padding:13px 13px 12px;display:flex;gap:11px}.alert-icon{height:27px;width:27px;border-radius:8px;background:#ffe1c8;color:#a76436;display:grid;place-items:center;flex:none}.due-banner strong{font-size:11px;display:block;margin:1px 0 5px}.due-banner p{font-size:10px;line-height:1.5;color:#86664c;margin:0}.due-banner p b{color:#9c542b}.due-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.due-bottom small{font-size:9px;color:var(--muted)}.due-bottom strong{font:700 16px system-ui,Segoe UI,sans-serif;color:#a85e31}.progress{height:4px;background:#f2ebe3;border-radius:9px;margin-top:12px;overflow:hidden}.progress i{display:block;width:74%;height:100%;background:#d6935d;border-radius:9px}.reminder{font-size:9px;color:#8b806f;margin-top:8px}.activity{padding:18px 19px}.activity-item{display:grid;grid-template-columns:25px 1fr auto;gap:10px;position:relative;padding-bottom:15px}.activity-item:not(:last-child):before{content:"";position:absolute;left:12px;top:25px;bottom:0;border-left:1px solid #e9ede8}.activity-icon{width:25px;height:25px;border-radius:50%;background:#edf4ee;display:grid;place-items:center;color:var(--green);font-size:10px;z-index:1}.activity-copy{font-size:10px;line-height:1.45;padding-top:2px}.activity-copy strong{font-weight:700}.activity-copy small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.activity-amount{font-size:10px;font-weight:700;padding-top:4px}.notice{display:flex;gap:10px;padding:12px;border:1px solid #e8ece2;border-radius:10px;background:#fafbf6}.notice-mark{font-size:13px;color:#819446}.notice p{margin:0;font-size:9px;line-height:1.55;color:#69736b}.notice b{color:#34443a}.page-view{display:none}.page-view.active{display:block}.admin-nav{display:none}.simple-card{padding:25px}.simple-card h2{font:700 18px Manrope;margin:0 0 8px}.simple-card>p{color:var(--muted);font-size:12px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:720px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:700;color:#556158}.field input,.field select,.field textarea{border:1px solid #dfe5de;background:#fff;border-radius:9px;padding:11px 12px;font-size:12px;outline:none;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:#72a486;box-shadow:0 0 0 3px #e4f1e8}.field textarea{resize:vertical;min-height:72px}.upload{border:1px dashed #becbbf;background:#fafbf9;border-radius:10px;padding:20px;text-align:center;color:#647168;font-size:11px}.upload input{max-width:220px;font-size:10px}.upload-note{font-size:9px;color:#8d9890;margin-top:7px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-tile{border:1px solid var(--line);padding:16px;border-radius:11px}.admin-tile strong{font:700 20px Manrope}.admin-tile p{font-size:10px;color:var(--muted);margin:5px 0 12px}.table-scroll{overflow:auto}.chat-card{overflow:hidden}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.chat-head strong{font:700 13px system-ui,Segoe UI,sans-serif;display:block}.chat-head small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.chat-messages{padding:19px 20px 4px;min-height:290px;max-height:440px;overflow:auto;display:grid;align-content:start;gap:16px}.chat-day{text-align:center;color:#97a098;font-size:9px;letter-spacing:1px;font-weight:700;margin:2px 0 3px}.chat-message{display:flex;align-items:flex-start;gap:9px;max-width:80%}.chat-message .avatar{width:29px;height:29px;font-size:9px;flex:none}.chat-bubble-wrap{min-width:0}.chat-author{font-size:10px;font-weight:700;color:#566258;margin:0 0 5px}.chat-author time{font-size:9px;color:#9aa39c;font-weight:400;margin-left:5px}.chat-bubble{background:#f2f5f0;border-radius:0 11px 11px;padding:10px 12px;font-size:11px;line-height:1.55;color:#354139;overflow-wrap:anywhere}.chat-message.mine{margin-left:auto;justify-content:flex-end}.chat-message.mine .chat-author{text-align:right}.chat-message.mine .chat-bubble{background:#e8f2eb;border-radius:11px 0 11px 11px}.chat-compose{display:flex;gap:9px;padding:14px 17px;border-top:1px solid var(--line);background:#fcfdfb}.chat-compose input{flex:1;min-width:0;border:1px solid #dfe5de;background:#fff;border-radius:9px;padding:11px 12px;font-size:11px;outline:none}.chat-compose input:focus{border-color:#72a486;box-shadow:0 0 0 3px #e4f1e8}.chat-footnote{font-size:10px;color:var(--muted);margin:12px 2px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#18291f;color:#fff;border-radius:10px;padding:12px 16px;font-size:11px;opacity:0;transition:.2s;pointer-events:none;z-index:10;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%)}.demo-member-label{font-size:11px;color:#5f6b62;background:#f2f5f0;border:1px solid #e7ebe5;border-radius:8px;padding:7px 9px}.mobile-menu{display:none}@media(max-width:1000px){.app{grid-template-columns:210px minmax(0,1fr)}aside{padding-left:13px;padding-right:13px}.grid{grid-template-columns:1fr}.right-col{grid-template-columns:1fr 1fr;align-items:start}.right-col .notice{grid-column:1/-1}.content{padding-top:30px}}@media(max-width:680px){.app{display:block}aside{position:fixed;z-index:8;left:-260px;top:0;width:248px;transition:left .2s;box-shadow:var(--shadow)}aside.open{left:0}.mobile-menu{display:inline-grid}.topbar{height:60px;padding:0 17px}.content{padding:25px 16px 40px}.welcome{display:block}.welcome-right{margin-top:17px;justify-content:space-between}.welcome h1{font-size:26px}.grid{gap:13px}.metric-row{gap:8px}.metric{padding:13px 11px}.metric-value{font-size:18px}.metric-label,.metric-foot{font-size:9px}.right-col{grid-template-columns:1fr}.right-col .notice{grid-column:auto}.member{grid-template-columns:minmax(100px,1fr) .65fr .7fr;gap:5px}.member-person{gap:6px}.person-name{font-size:10px}.section-card{padding:16px 14px}.ledger th,.ledger td{padding-left:6px;padding-right:6px}.ledger th{font-size:8px}.ledger td{font-size:9px}.tx-icon{width:24px;height:24px}.tx-title{font-size:9px}.status{font-size:8px;padding:4px 6px}.balance-amount{font-size:32px}.balance-bottom{gap:18px}.demo-member-label{font-size:10px}.form-grid,.admin-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}.setup-notice{margin:0 0 18px;padding:11px 14px;border:1px solid #ead8b4;border-radius:10px;background:#fff8e9;color:#71572c;font-size:11px;line-height:1.5}.setup-notice strong{color:#5e451e}.invite-dialog{width:min(100% - 32px,420px);border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.invite-dialog::backdrop{background:#1420196b}.invite-dialog h2{margin:0;font-size:20px}.invite-help{font-size:12px;line-height:1.5;color:var(--muted)}.invite-dialog label{display:block;margin:15px 0 6px;font-size:11px;font-weight:700}.invite-dialog input{width:100%;border:1px solid #dfe5de;border-radius:9px;padding:11px 12px;font-size:13px}.invite-dialog input:focus{outline:3px solid #e4f1e8;border-color:#72a486}.invite-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.invite-actions .primary{margin-top:0}