@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:root{font-family:Tajawal,system-ui,sans-serif;color:#17231f;background:#f5f7f6;font-synthesis:none;--green: #0d5c49;--green-2: #16735b;--green-soft: #e8f3ef;--red: #c94742;--red-soft: #fcecea;--gold: #b87b20;--gold-soft: #fff4dd;--line: #e4e9e7;--muted: #74807b;--shadow: 0 8px 28px rgba(25, 49, 41, .07)}*{box-sizing:border-box}html{direction:rtl;background:#f5f7f6}body{margin:0;min-width:320px;min-height:100vh;font-size:16px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(22,115,91,.2);outline-offset:2px}.login-shell{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;padding:max(44px,9vh) 22px 24px;background:radial-gradient(circle at 70% 2%,#d5ebe3 0,transparent 33%),#f6f8f7}.login-brand{width:76px;height:76px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:24px;box-shadow:0 16px 34px #0d5c493d;transform:rotate(3deg)}.login-brand svg{transform:rotate(-3deg)}.login-heading{text-align:center;margin:25px 0 26px}.eyebrow{color:var(--gold);font-weight:800;font-size:13px;letter-spacing:.03em}.login-heading h1{font-size:34px;letter-spacing:-.04em;margin:6px 0;color:#14362d}.login-heading p{color:var(--muted);margin:0;font-size:15px}.login-card{width:min(100%,410px);background:#fff;padding:24px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label,fieldset legend{font-size:15px;font-weight:700;color:#34443e}.field label small{color:#939d99;font-weight:500}.field input,.field textarea,.field select{width:100%;min-height:50px;border:1px solid #dce3e0;border-radius:12px;background:#fbfcfc;color:#1c2925;padding:13px 14px;font-size:16px;transition:.2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green-2);background:#fff;outline:3px solid rgba(22,115,91,.1)}.form-message{color:var(--red);font-size:13px;margin:-3px 0 12px}.primary-button,.secondary-button{border:0;border-radius:12px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:700}.primary-button{width:100%;background:var(--green);color:#fff;box-shadow:0 6px 15px #0d5c4929}.primary-button:hover{background:#094a3b}.primary-button.small{width:auto;min-height:42px;padding:0 15px}.secondary-button{border:1px solid #d8e2de;background:#fff;color:var(--green);padding:0 16px}.text-button{border:0;color:var(--green);background:transparent;font-weight:700;display:inline-flex;align-items:center;gap:4px}.login-card>.text-button{width:100%;justify-content:center;margin-top:12px}.demo-button{width:100%;min-height:43px;margin-top:12px;color:#53625c;background:#f3f6f5;border:1px dashed #cad5d1;border-radius:11px;font-weight:600}.login-foot{display:flex;align-items:center;gap:6px;color:#7c8883;font-size:12px;margin-top:22px}.app-shell{min-height:100vh}.main-area{padding-bottom:84px;min-width:0}.topbar{min-height:78px;position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;border-bottom:1px solid rgba(225,231,228,.85);background:#f7f9f8f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar h1{font-size:24px;line-height:1.1;letter-spacing:-.02em;margin:0}.icon-button{border:1px solid var(--line);background:#fff;color:#44524d;border-radius:12px;width:41px;height:41px;display:grid;place-items:center}.page{padding:15px 14px 20px;max-width:1050px;margin:0 auto}.page-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dashboard-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;margin-bottom:12px}.quick-action{min-height:76px;border:2px solid var(--line);border-radius:16px;background:#fff;color:inherit;padding:12px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;text-align:right;box-shadow:0 4px 13px #1931290a}.quick-action>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff}.quick-action.payment>span{background:var(--green)}.quick-action.expense>span{background:var(--red)}.quick-action strong{font-size:17px;white-space:nowrap}.month-selector{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);background:#fff;border-radius:12px;color:#36443f;font-weight:700}.month-selector select{appearance:none;border:0;outline:0;background:transparent;color:inherit;font-weight:inherit;padding:0;cursor:pointer}.round-add{width:41px;height:41px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;color:#69756f}.hero-card{color:#fff;background:linear-gradient(135deg,#0b4d3e,#14755d);padding:21px;border-radius:21px;box-shadow:0 13px 30px #0d5c492e;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;left:-35px;top:-45px;width:150px;height:150px;border:28px solid rgba(255,255,255,.05);border-radius:50%}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.hero-top>div{display:flex;flex-direction:column;gap:3px}.hero-top span{color:#ffffffbf;font-size:14px}.hero-top strong{font-size:34px;letter-spacing:-.045em;direction:rtl}.wallet-mark{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;color:#fff!important;background:#ffffff21}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:9px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.stat-card:last-child{grid-column:auto}.stat-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f0f3f2;flex:0 0 auto}.stat-icon svg{width:17px;height:17px}.stat-card>div{display:flex;flex-direction:column;min-width:0}.stat-card span:not(.stat-icon){font-size:10px;line-height:1.25;color:var(--muted)}.stat-card strong{font-size:14px;white-space:nowrap;letter-spacing:-.02em}.tone-green .stat-icon{color:var(--green);background:var(--green-soft)}.tone-red .stat-icon{color:var(--red);background:var(--red-soft)}.tone-amber .stat-icon{color:var(--gold);background:var(--gold-soft)}.content-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;margin-top:12px}.section-heading,.section-heading>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading>div{justify-content:flex-start}.section-heading h2,.list-title h2{font-size:18px;margin:0}.section-heading>button{border:0;background:none;color:var(--green);font-size:12px;font-weight:700;display:flex;gap:3px;align-items:center}.section-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;color:var(--green);background:var(--green-soft)}.section-icon.red{color:var(--red);background:var(--red-soft)}.count-badge{background:var(--red-soft);color:var(--red);padding:2px 7px;border-radius:20px;font-size:11px;font-weight:800}.progress-copy{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:14px}.progress-copy span{color:var(--green);font-weight:800}.progress{height:9px;background:#e9efec;border-radius:12px;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d4a54a,var(--green-2))}.payment-progress-card>p{color:var(--muted);font-size:11px;margin:7px 0 0}.compact-list{margin-top:8px}.resident-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0ef}.resident-row:last-child{border:0}.apartment-avatar{width:40px;height:40px;border-radius:12px;background:#f1f4f3;display:grid;place-items:center;font-weight:800;color:#46534e}.resident-row>div{display:flex;flex-direction:column}.resident-row strong{font-size:13px}.resident-row>div span{color:var(--muted);font-size:11px}.resident-row>b{color:var(--red);font-size:12px}.green-text{color:var(--green)!important}.red-text{color:var(--red)!important}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:calc(74px + env(safe-area-inset-bottom));padding:5px 7px env(safe-area-inset-bottom);background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #dfe5e2;display:grid;grid-template-columns:repeat(5,1fr)}.nav-item{border:0;background:transparent;color:#697570;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;position:relative}.nav-item.active{color:var(--green);font-weight:800}.nav-item.active:before{content:"";position:absolute;top:-5px;width:28px;height:3px;background:var(--green);border-radius:0 0 4px 4px}.desktop-sidebar{display:none}.payment-overview{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.payment-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-totals>div{display:flex;flex-direction:column}.payment-totals>div+div{border-right:1px solid var(--line);padding-right:14px}.payment-totals span{color:var(--muted);font-size:11px}.payment-totals strong{color:var(--green);font-size:20px}.payment-totals>div:last-child strong{color:var(--red)}.payment-progress{height:6px;margin-top:13px;overflow:hidden;background:#e9efec;border-radius:10px}.payment-progress span{display:block;height:100%;background:var(--green);border-radius:inherit}.payment-overview>p{display:flex;justify-content:space-between;margin:6px 0 0;color:var(--muted);font-size:10px}.payment-overview>p b{color:var(--green)}.filter-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.filter-tabs button{min-width:0;border:1px solid var(--line);background:#fff;color:#65716c;padding:8px 4px;border-radius:10px;font-size:11px;white-space:nowrap}.filter-tabs button b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-right:4px;padding:0 4px;border-radius:9px;background:#f0f3f2;color:#56625d;font-size:10px}.filter-tabs button.active{color:#fff;background:var(--green);border-color:var(--green);font-weight:700}.filter-tabs button.active b{background:#ffffff29;color:#fff}.list-title{display:flex;justify-content:space-between;align-items:center;margin:17px 2px 9px}.list-title span{color:var(--muted);font-size:12px}.list-title .text-button{font-size:12px}.payment-list{display:flex;flex-direction:column;gap:7px}.payment-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 11px}.payment-person{display:flex;flex-direction:column;gap:4px;min-width:0}.payment-name{display:flex;align-items:center;gap:7px;min-width:0}.payment-name>span{flex:0 0 auto;padding:3px 6px;border-radius:6px;background:#f0f3f2;color:#53605b;font-size:10px;font-weight:700}.payment-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.payment-person p{margin:0;color:var(--muted);font-size:11px}.payment-person small{color:var(--gold);font-size:inherit}.status-button{min-width:64px;min-height:36px;border:0;border-radius:9px;padding:0 10px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:4px}.status-button.paid{color:var(--green);background:var(--green-soft);cursor:default}.status-button.partial{color:var(--gold);background:var(--gold-soft)}.status-button.unpaid{color:#fff;background:var(--red)}.empty-state{text-align:center;color:var(--muted);padding:40px;display:flex;flex-direction:column;align-items:center;gap:5px}.empty-state strong{color:#44514d}.sheet-backdrop{position:fixed;z-index:50;inset:0;background:#0819148a;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.bottom-sheet{width:100%;max-width:580px;max-height:92vh;overflow:auto;background:#fff;border-radius:25px 25px 0 0;padding:8px 18px calc(22px + env(safe-area-inset-bottom));animation:slideUp .24s ease-out}@keyframes slideUp{0%{transform:translateY(35px);opacity:.5}}.sheet-handle{width:45px;height:4px;background:#d7dfdc;border-radius:6px;margin:0 auto 14px}.sheet-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sheet-title>div{display:flex;align-items:center;gap:10px}.sheet-title h2{margin:0;font-size:18px}.sheet-title p{margin:2px 0 0;color:var(--muted);font-size:12px}.info-pair{padding:12px 14px;border-radius:12px;background:#f4f7f6;display:flex;justify-content:space-between;margin-bottom:15px;font-size:13px}.info-pair span{color:var(--muted)}.form-row.two{display:grid;grid-template-columns:1fr;gap:0}.money-input{position:relative}.money-input input{padding-left:54px}.money-input span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted)}fieldset{border:0;padding:0;margin:0 0 16px}.method-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.method-options button{height:42px;border-radius:11px;border:1px solid var(--line);background:#fff;color:#66726d;display:flex;align-items:center;justify-content:center;gap:3px}.method-options button.selected{color:var(--green);background:var(--green-soft);border-color:#9fc8ba;font-weight:700}.method-options.user-role-options{grid-template-columns:1fr 1fr}.months-field{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fafcfb}.months-field legend{padding:0 5px}.month-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:4px}.month-options button{min-height:48px;border:1px solid #dce3e0;border-radius:10px;background:#fff;color:#4d5b56;display:flex;align-items:center;justify-content:center;gap:3px;font-size:13px;font-weight:700}.month-options button.selected{background:var(--green);border-color:var(--green);color:#fff}.month-options button:disabled{background:#f0f2f1;color:#a5adaa;cursor:not-allowed}.month-options button small{display:block;font-size:9px;font-weight:500}.receipt-backdrop{align-items:center;padding:14px}.receipt-modal{max-width:480px;width:100%;max-height:95vh;overflow:auto;background:#f1f4f3;border-radius:20px;padding:12px}.receipt-actions{display:flex;align-items:center;justify-content:space-between;padding:2px 1px 11px;font-weight:700}.receipt-paper{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000012;background-image:linear-gradient(90deg,var(--green) 50%,#d4a54a 50%);background-size:100% 5px;background-repeat:no-repeat}.receipt-brand{display:flex;align-items:center;gap:10px;border-bottom:1px dashed #ccd5d1;padding-bottom:16px}.receipt-brand>span{width:43px;height:43px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:12px}.receipt-brand>div{display:flex;flex-direction:column}.receipt-brand small{color:var(--muted);font-size:10px}.receipt-title{text-align:center;padding:20px 0;display:flex;flex-direction:column;gap:5px}.receipt-title span{font-size:19px;font-weight:800;color:var(--green)}.receipt-title b{font-size:11px;color:var(--muted)}.receipt-paper>p{text-align:center;color:var(--muted);font-size:12px;margin:0}.receipt-paper>h2{text-align:center;font-size:21px;margin:4px 0 17px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.receipt-grid>div{background:#f5f7f6;border-radius:10px;padding:10px;display:flex;flex-direction:column}.receipt-grid span,.receipt-amount span{color:var(--muted);font-size:10px}.receipt-grid strong{font-size:13px}.receipt-amount{text-align:center;margin:10px 0;padding:14px;background:var(--green-soft);border-radius:10px;display:flex;flex-direction:column}.receipt-amount strong{font-size:23px;color:var(--green)}.receipt-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding-top:25px}.modal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.modal-buttons.single{grid-template-columns:1fr}.page-intro{display:flex;align-items:center;justify-content:space-between;margin:3px 0 13px}.page-intro h2{font-size:19px;margin:0}.page-intro p{font-size:12px;color:var(--muted);margin:2px 0 0}.resident-grid{display:grid;gap:9px}.resident-card{width:100%;display:grid;grid-template-columns:45px minmax(0,1fr) auto 18px;align-items:center;text-align:right;gap:10px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px;color:inherit}.profile-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:18px;font-weight:800}.resident-card>div{display:flex;flex-direction:column}.resident-card strong{font-size:14px}.resident-card span:not(.profile-avatar),.resident-card small{font-size:11px;color:var(--muted)}.mini-status{padding:4px 7px;border-radius:12px!important;font-size:10px!important;font-weight:700}.mini-status.paid{background:var(--green-soft);color:var(--green)!important}.mini-status.unpaid{background:var(--red-soft);color:var(--red)!important}.side-sheet{background:#fff;width:100%;max-width:510px;height:94vh;border-radius:25px 25px 0 0;padding:20px;overflow:auto;position:relative}.profile-contact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.profile-contact span{display:flex;flex-direction:column;background:#f5f7f6;padding:11px;border-radius:11px}.profile-contact strong{font-size:10px;color:var(--muted)}.profile-contact b{font-size:13px}.profile-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-totals div{padding:14px;border-radius:12px;background:var(--green-soft);display:flex;flex-direction:column}.profile-totals div:last-child{background:var(--red-soft)}.profile-totals span{font-size:10px;color:var(--muted)}.profile-totals strong{color:var(--green)}.profile-totals div:last-child strong{color:var(--red)}.history-list>div{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:11px 3px;border-bottom:1px solid var(--line);font-size:13px}.history-list strong{font-size:11px}.history-list b{font-size:12px}.sticky-action{position:sticky;bottom:0;margin-top:15px}.expense-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:14px 15px;background:#fff;border:1px solid var(--line);border-radius:16px}.expense-overview>div{display:flex;flex-direction:column}.expense-overview span,.expense-overview small{color:var(--muted);font-size:11px}.expense-overview strong{color:var(--red);font-size:22px}.expense-overview button{min-height:38px;padding:0 13px;border:0;border-radius:9px;background:var(--green);color:#fff;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700}.expenses-list{display:flex;flex-direction:column;gap:7px}.expenses-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;background:#fff;border:1px solid var(--line);border-radius:13px}.expenses-list article>div{display:flex;flex-direction:column;gap:4px;min-width:0}.expense-title{display:flex;align-items:center;gap:7px;min-width:0}.expense-title span{flex:0 0 auto;padding:3px 6px;border-radius:6px;background:var(--red-soft);color:var(--red);font-size:10px;font-weight:700}.expense-title strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expenses-list p{margin:0;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expenses-list .expense-actions{display:flex;flex-direction:row;align-items:center;gap:8px}.expense-actions>b{color:var(--red);font-size:13px;white-space:nowrap}.expense-actions button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#f8faf9;color:var(--green)}.cash-balance{background:linear-gradient(145deg,#0a5140,#14765e);border-radius:20px;color:#fff;text-align:center;padding:27px 18px}.cash-balance span{color:#c7e1d8;font-size:13px}.cash-balance strong{display:block;font-size:34px;margin:3px}.cash-balance p{font-size:10px;color:#b1d4c8;margin:0}.calculation-card{background:#fff;border:1px solid var(--line);border-radius:17px;margin:13px 0;overflow:hidden}.calculation-card>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:15px;border-bottom:1px solid var(--line);font-size:13px}.calculation-card>div:last-child{border:0}.calc-sign{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#edf1ef;color:#53615c;font-weight:800}.calc-sign.plus{background:var(--green-soft);color:var(--green)}.calc-sign.minus{background:var(--red-soft);color:var(--red)}.calculation-card b{font-size:13px}.calc-total{background:#f1f7f5;font-weight:800}.calc-total b{font-size:18px;color:var(--green)}.empty-inline{padding:25px 5px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#a3aaa7}.empty-inline span{font-size:12px;color:var(--muted)}.income-list{display:flex;flex-direction:column;margin-top:13px;border-top:1px solid var(--line)}.income-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 2px;border-bottom:1px solid var(--line)}.income-list article:last-child{border-bottom:0;padding-bottom:1px}.income-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--green-soft);color:var(--green)}.income-list article>div{display:flex;flex-direction:column;min-width:0}.income-list strong{font-size:13px}.income-list article>div>span{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.income-list article>b{color:var(--green);font-size:13px;white-space:nowrap}.reports-grid{display:grid;gap:9px}.report-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;display:grid;grid-template-columns:45px 1fr;gap:10px}.report-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center}.report-icon.green{color:var(--green);background:var(--green-soft)}.report-icon.gold{color:var(--gold);background:var(--gold-soft)}.report-icon.red{color:var(--red);background:var(--red-soft)}.report-card h2{font-size:14px;margin:2px 0}.report-card p{font-size:11px;color:var(--muted);margin:0}.report-buttons{grid-column:1/-1;display:flex;gap:7px}.report-buttons button{flex:1;height:40px;border:1px solid var(--line);border-radius:9px;background:#f8faf9;color:#41504a;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:700}.report-preview{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px}.report-document{background:#fff;color:#17231f}.hidden-report{position:fixed;top:0;right:-10000px;width:760px;padding:35px;z-index:-1}.report-preview-head{display:flex;justify-content:space-between;color:var(--green)}.report-preview-head>div{display:flex;flex-direction:column}.report-preview-head small{color:var(--muted)}.report-document>h2{text-align:center;margin:19px 0 0}.report-document>p{text-align:center;color:var(--muted);margin:3px 0 15px}.report-lines div{display:flex;justify-content:space-between;padding:9px;border-bottom:1px dashed #dbe2df;font-size:12px}.report-lines div:last-child{background:var(--green-soft);border:0;border-radius:8px;margin-top:7px;font-weight:800;color:var(--green)}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.report-summary span{padding:10px;background:#f4f7f6;border-radius:8px;display:flex;flex-direction:column;color:var(--muted);font-size:11px}.report-summary b{color:#26342f;font-size:16px}.report-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:11px}.report-table th{background:var(--green);color:#fff;padding:9px 7px;text-align:right}.report-table td{padding:9px 7px;border-bottom:1px solid #dfe5e2;text-align:right}.report-table tbody tr:nth-child(2n){background:#f7f9f8}.report-empty{text-align:center!important;padding:30px;color:var(--muted)}.report-total{display:flex;justify-content:space-between;background:var(--green-soft);color:var(--green);padding:12px;margin-top:13px;border-radius:8px;font-weight:800}.report-footer{display:flex;justify-content:space-between;margin-top:20px;color:var(--muted);font-size:10px}.report-summary{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.report-summary>span{padding:10px;background:#f4f7f6;border-radius:8px;display:flex;flex-direction:column;color:var(--muted);font-size:11px}.report-status{display:inline-block;padding:3px 6px;border-radius:10px;font-size:9px;font-weight:800;white-space:nowrap}.report-status.paid{color:var(--green);background:var(--green-soft)}.report-status.partial{color:var(--gold);background:var(--gold-soft)}.report-status.unpaid{color:var(--red);background:var(--red-soft)}.more-profile{display:flex;gap:12px;align-items:center;padding:17px;background:#fff;border:1px solid var(--line);border-radius:15px}.more-profile>div{display:flex;flex-direction:column}.more-profile small{color:var(--muted)}.more-list{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.more-list>button{width:100%;display:grid;grid-template-columns:43px 1fr 20px;gap:10px;align-items:center;text-align:right;border:0;border-bottom:1px solid var(--line);background:#fff;padding:13px;color:inherit}.more-list>button:last-child{border:0}.more-list>button>div{display:flex;flex-direction:column}.more-list strong{font-size:14px}.more-list small{color:var(--muted);font-size:10px}.more-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:11px}.more-icon.green{background:var(--green-soft);color:var(--green)}.more-icon.blue{background:#eaf1f8;color:#46739c}.more-icon.red{background:var(--red-soft);color:var(--red)}.more-icon.gray{background:#edf0ef;color:#69746f}.more-icon.gold{background:var(--gold-soft);color:var(--gold)}.logout-button{width:100%;margin-top:13px;border:1px solid #f1d4d2;background:#fff;color:var(--red);height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.version{text-align:center;color:#a1aaa6;font-size:10px;margin-top:20px}.form-hint,.access-note{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:11px;background:#eef6f3;color:#52625c;font-size:12px}.form-hint svg,.access-note svg{color:var(--green);flex:0 0 auto}.form-hint{margin:0 0 16px}.access-note{margin-bottom:12px}.users-list,.logs-list{display:flex;flex-direction:column;gap:9px}.users-list article{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.users-list article>div{display:flex;flex-direction:column;min-width:0}.users-list article strong{font-size:14px}.users-list article span:not(.profile-avatar),.users-list article small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.users-list .mini-status{justify-self:end}.user-toggle{grid-column:2/-1;min-height:40px;border:1px solid var(--line);border-radius:9px;background:#f7f9f8;color:#43514c;font-weight:700}.user-toggle:disabled{color:var(--muted);cursor:not-allowed}.log-count{background:#edf2f0;color:#55635e;padding:6px 10px;border-radius:16px;font-size:11px;font-weight:700}.logs-list article{display:grid;grid-template-columns:43px 1fr;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.log-icon{width:41px;height:41px;border-radius:11px;display:grid;place-items:center}.log-icon.green{background:var(--green-soft);color:var(--green)}.log-icon.red{background:var(--red-soft);color:var(--red)}.log-icon.blue{background:#eaf1f8;color:#46739c}.log-icon.gray{background:#edf0ef;color:#69746f}.logs-list article>div{min-width:0}.logs-list strong{font-size:14px}.logs-list p{font-size:12px;margin:2px 0;color:#45534e}.logs-list small{font-size:10px;color:var(--muted)}@media(min-width:700px){.form-row.two{grid-template-columns:1fr 1fr;gap:10px}.stat-card{flex-direction:row;align-items:center;gap:10px;padding:13px}.stat-icon{width:39px;height:39px;border-radius:12px}.stat-icon svg{width:20px;height:20px}.stat-card span:not(.stat-icon){font-size:13px}.stat-card strong{font-size:19px}.app-shell{display:grid;grid-template-columns:235px minmax(0,1fr)}.desktop-sidebar{display:flex;position:sticky;top:0;height:100vh;flex-direction:column;background:#123a30;color:#fff;padding:23px 14px}.mobile-nav{display:none}.main-area{padding-bottom:20px}.topbar{padding:10px 28px}.page{padding:24px 28px}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo>span{width:40px;height:40px;background:#d8aa50;color:#173c32;border-radius:12px;display:grid;place-items:center}.sidebar-logo>div{display:flex;flex-direction:column}.sidebar-logo strong{font-size:15px}.sidebar-logo small{font-size:10px;color:#9fc2b8}.desktop-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:20px}.desktop-sidebar nav button{height:44px;display:flex;align-items:center;gap:11px;padding:0 13px;border:0;border-radius:10px;color:#b6cec7;background:transparent;text-align:right}.desktop-sidebar nav button.active{background:#ffffff1a;color:#fff;font-weight:700}.stat-grid{grid-template-columns:repeat(3,1fr)}.stat-card:last-child{grid-column:auto}.dashboard-page{display:grid;grid-template-columns:1.3fr 1fr;gap:13px}.dashboard-page>.dashboard-actions,.dashboard-page>.hero-card,.dashboard-page>.stat-grid{grid-column:1/-1}.resident-grid{grid-template-columns:1fr 1fr}.reports-grid{grid-template-columns:repeat(3,1fr)}.report-card{grid-template-columns:45px 1fr}.side-sheet{height:100vh;border-radius:24px 0 0 24px;margin-right:auto}.sheet-backdrop:has(.side-sheet){align-items:center;justify-content:flex-start}.bottom-sheet{border-radius:25px;margin-bottom:22px}.payment-list{display:grid;grid-template-columns:1fr 1fr}.cash-balance{padding:25px}.more-list,.more-profile,.logout-button,.version{max-width:650px;margin-left:auto;margin-right:auto}}@media(min-width:1000px){.payment-list,.resident-grid{grid-template-columns:repeat(2,1fr)}}