*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#17233a;background:#f5f7fb;margin:0;font-family:Noto Sans Sinhala,Nirmala UI,Segoe UI Variable Text,Segoe UI,sans-serif;font-size:15px;overflow-x:hidden}button,input,select{font:inherit;cursor:pointer;touch-action:manipulation}input,select{cursor:text}.app{min-height:100vh;display:flex}.app aside{color:#c3d4e9;background:#102542;flex-direction:column;gap:7px;width:240px;padding:28px 16px;display:flex}.brand,.user{color:#fff;align-items:center;gap:11px;display:flex}.brand{padding:0 8px 32px}.brand>b,.user>b{color:#102542;background:#e9b44c;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.brand small,.user small{display:block}.nav{color:#c3d4e9;text-align:left;background:0 0;border:0;border-radius:9px;padding:13px;font-weight:700}.nav.on{color:#fff;background:#1d416d}.user{background:#183556;border-radius:12px;margin-top:auto;padding:11px}.user>b{border-radius:50%;width:34px;height:34px}.app>section{flex:1;width:100%;max-width:1500px;margin:auto;padding:34px 48px}footer{text-align:center;color:#63738a;padding:7px 0 2px;font-size:12px;font-weight:700}header,.toolbar,.hero{justify-content:space-between;align-items:center;gap:18px;display:flex}header small,.hero small,.panel>small,.eyebrow{letter-spacing:.11em;color:#718097;font-size:11px;font-weight:800}h1{letter-spacing:-.03em;margin:5px 0;font-size:32px}h2{letter-spacing:-.015em;margin:0 0 8px;font-size:19px}h3{margin:0 0 3px;font-size:16px}p{color:#718097;margin:0;font-size:14px;line-height:1.55}.primary,header button,.outline{border-radius:9px;padding:11px 15px;font-weight:800}.primary{color:#17233a;background:#e9b44c;border:0}header button,.outline{color:#506178;background:#fff;border:1px solid #e2e9f2}.hero{color:#fff;background:linear-gradient(120deg,#112c4c,#28557f);border-radius:17px;margin:28px 0 21px;padding:30px 32px}.hero h2{font-size:27px}.hero p{color:#d1e0ee}.hero small{color:#e9b44c}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:21px;display:grid}.card,.panel{background:#fff;border:1px solid #e4eaf2;border-radius:16px}.card{padding:20px}.card small,.card span{color:#748298;font-size:12px;display:block}.card b{margin:11px 0;font-size:21px;display:block}.grid{grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px;display:grid}.panel{margin-bottom:20px;padding:24px}em{float:right;color:#176c5e;background:#e6f4ef;border-radius:20px;padding:6px 9px;font-size:11px;font-style:normal}.progress{background:#e8edf3;border-radius:9px;height:9px;margin:27px 0 9px}.progress i{background:#e9b44c;border-radius:9px;width:69%;height:100%;display:block}.labels{color:#718097;justify-content:space-between;font-size:12px;display:flex}.quick{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.quick button{text-align:left;color:#bf7d22;background:#fafcff;border:1px solid #e4eaf2;border-radius:10px;padding:14px;font-size:19px}.quick small{color:#33455e;margin-top:6px;font-size:12px;font-weight:700;display:block}table{border-collapse:collapse;width:100%;margin-top:15px}th{text-align:left;color:#8190a3;text-transform:uppercase;letter-spacing:.06em;padding:10px 0;font-size:11px}td{border-top:1px solid #edf1f5;padding:14px 0;font-size:14px}td b,td small{display:block}td small{color:#8290a1;margin-top:3px}td button{color:#277398;background:0 0;border:0;font-weight:700}.paid,.due{white-space:nowrap;border-radius:18px;padding:6px 9px;font-size:12px;font-weight:800}.paid{color:#176c5e;background:#e5f4ef}.due{color:#a36017;background:#fff0dd}.toolbar>div:last-child{gap:10px;display:flex}.toolbar input{border:1px solid #dce5ef;border-radius:9px;padding:10px 12px}.reports{max-width:600px}.reports button{text-align:left;color:#2b3c54;background:#fff;border:0;border-top:1px solid #edf1f5;justify-content:space-between;width:100%;padding:17px 0;font-weight:700;display:flex}.payment-title{justify-content:space-between;align-items:end;margin:25px 0 18px;display:flex}.payment-title h2{margin-top:5px;font-size:26px}.eyebrow{color:#bd7d20}.secure-note{color:#277398;padding-bottom:4px;font-size:13px;font-weight:750}.payment-layout{grid-template-columns:minmax(0,1.13fr) minmax(370px,.87fr);align-items:start;gap:20px;display:grid}.payment-panel{background:#fff;border:1px solid #dfe7f0;border-radius:16px;padding:26px}.step-head{align-items:flex-start;gap:12px;margin-bottom:21px;display:flex}.step-head>span{color:#fff;background:#183d64;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:13px;font-weight:800;display:grid}.step-head.second{margin-top:28px}.entry-panel label{color:#33455e;margin:16px 0 7px;font-size:13px;font-weight:750;display:block}.entry-panel label small{color:#8290a1;font-weight:600}.entry-panel select,.text-input{color:#17233a;background:#fff;border:1px solid #cedae6;border-radius:9px;outline:none;width:100%;padding:12px 13px;display:block}.entry-panel select:focus,.text-input:focus,.money-input:focus-within{border-color:#277398;box-shadow:0 0 0 3px #e8f3fa}.member-summary{background:#f6f9fc;border:1px solid #e5edf4;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:13px;display:flex}.member-summary>div:nth-child(2){flex:1}.member-summary b,.member-summary small{display:block}.member-summary small{color:#718097;margin-top:3px;font-size:12px}.avatar{color:#172e48;background:#e9b44c;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.money-input{background:#fff;border:1px solid #cedae6;border-radius:9px;display:flex;overflow:hidden}.money-input span{color:#52637a;background:#eff4f8;border-right:1px solid #dbe4ec;padding:13px;font-size:14px;font-weight:800}.money-input input{color:#183d64;border:0;outline:0;flex:1;min-width:0;padding:10px 12px;font-size:21px;font-weight:800}.method-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.method{color:#53647b;background:#fff;border:1px solid #d6e0ea;border-radius:8px;padding:11px 7px;font-size:13px;font-weight:750}.method.active{color:#134f73;background:#e7f3f8;border-color:#277398}.receipt-preview{background:#f7fafc;border:1px solid #e1e9f1;border-radius:12px;margin-top:7px;padding:18px}.receipt-top,.receipt-line,.total{justify-content:space-between;gap:15px;display:flex}.receipt-top{border-bottom:1px dashed #ccd9e5;padding-bottom:14px}.receipt-top small{letter-spacing:.1em;color:#718097;font-size:10px;font-weight:800}.receipt-top b{color:#1d416d;font-size:13px}.receipt-line{padding-top:13px;font-size:13px}.receipt-line span,.covered>span,.total span{color:#718097}.covered{border-top:1px solid #e2eaf2;flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;font-size:13px;display:flex}.covered b{color:#2d526e;font-weight:700}.total{border-top:1px solid #cedce8;align-items:center;margin-top:17px;padding-top:14px}.total strong{color:#173e65;letter-spacing:-.02em;font-size:22px}.confirm{color:#17233a;background:#e9b44c;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:17px;padding:15px 17px;font-size:15px;font-weight:850;display:flex}.confirm span{font-size:20px}.audit-note{text-align:center;margin:12px 10px 0;font-size:12px}.success{color:#175a46;background:#e7f4ee;border:1px solid #bde0cf;border-radius:10px;flex-direction:column;gap:6px;margin-top:17px;padding:14px;display:flex}.success span{font-size:12px}.success div{gap:8px;margin-top:4px;display:flex}.success button{color:#176c5e;background:#fff;border:1px solid #a9d7c1;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:800}.transaction-panel{margin-top:20px}@media (width<=1000px){.payment-layout{grid-template-columns:1fr}.review-panel{max-width:none}.cards{grid-template-columns:1fr 1fr}}@media (width<=850px){.app aside{width:190px}.app>section{padding:25px}.grid{grid-template-columns:1fr}}@media (width<=600px){.app{display:block}.app aside{flex-direction:row;width:auto;padding:15px;overflow:auto}.brand,.user{display:none}.nav{white-space:nowrap}.app>section{padding:20px}.cards,.grid{grid-template-columns:1fr}.hero,.toolbar,header,.payment-title{flex-direction:column;align-items:flex-start}.payment-panel{padding:19px}.method-row{grid-template-columns:1fr}.member-summary{align-items:flex-start}.member-summary .paid,.member-summary .due{margin-top:3px}.payment-title{gap:7px}}.sign-out{color:#a9bdd5;text-align:left;background:0 0;border:0;padding:9px 12px;font-size:12px;font-weight:700}.app-error{color:#942e2e;background:#fff1f1;border:1px solid #f3c7c7;border-radius:10px;align-items:center;gap:8px;margin:12px 0;padding:11px 13px;font-size:13px;display:flex}.app-error span{flex:1}.app-error button{color:#942e2e;background:0 0;border:0;font-size:20px}.empty{padding:20px 0}.login-page{background:linear-gradient(135deg,#102542,#28557f);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:18px;width:min(100%,430px);padding:36px;box-shadow:0 20px 60px #07182f66}.login-mark{color:#122946;background:#e9b44c;border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:20px;font-weight:900;display:grid}.login-card h1{margin:7px 0;font-size:29px}.login-card>p{margin-bottom:22px}.login-card label{color:#31445d;margin:15px 0 0;font-size:13px;font-weight:800;display:block}.login-card input{color:#17233a;border:1px solid #cedae6;border-radius:9px;outline:none;width:100%;margin-top:7px;padding:12px;display:block}.login-card input:focus{border-color:#277398;box-shadow:0 0 0 3px #e8f3fa}.login-card .confirm{margin-top:23px}.form-error{color:#a02525;background:#fff0f0;border:1px solid #efc5c5;border-radius:8px;margin-top:16px;padding:10px 11px;font-size:13px}.login-help{color:#718097;text-align:center;margin-top:16px;font-size:12px;line-height:1.5;display:block}.confirm:disabled,.primary:disabled{opacity:.55;cursor:not-allowed}.finance-cards{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.finance-cards>div{background:#fff;border:1px solid #e4eaf2;border-radius:14px;padding:18px}.finance-cards small,.finance-cards span{color:#718097;font-size:12px;display:block}.finance-cards b{color:#193f67;margin:9px 0;font-size:20px;display:block}.finance-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.finance-grid.lower{grid-template-columns:.9fr 1.1fr;margin-top:20px}.support-stack{gap:20px;display:grid}.entry-form label{color:#33455e;margin:14px 0 0;font-size:13px;font-weight:750;display:block}.entry-form input,.entry-form select{color:#17233a;background:#fff;border:1px solid #cedae6;border-radius:9px;outline:none;width:100%;margin-top:7px;padding:11px 12px;display:block}.entry-form input:focus,.entry-form select:focus{border-color:#277398;box-shadow:0 0 0 3px #e8f3fa}.entry-form .primary{width:100%;margin-top:19px}.form-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.finance-notice{color:#175a46;background:#e7f4ee;border:1px solid #bde0cf;border-radius:10px;margin-bottom:18px;padding:11px 14px;font-size:13px;font-weight:700}.collection-list{gap:10px;margin-top:15px;display:grid}.collection-list>div{border-top:1px solid #edf1f5;padding:13px 0;position:relative}.collection-list>div:first-child{border-top:0;padding-top:0}.collection-list b,.collection-list small,.collection-list strong{display:block}.collection-list small{color:#718097;margin:4px 0 8px;font-size:12px}.collection-list strong{color:#193f67;font-size:16px}.collection-list .due{float:right}.collection-list em{float:none;color:#63738a;background:#eef3f8;margin-left:7px}@media (width<=1000px){.finance-cards{grid-template-columns:1fr 1fr}.finance-grid,.finance-grid.lower{grid-template-columns:1fr}}@media (width<=600px){.finance-cards,.form-two{grid-template-columns:1fr}}.brand img{object-fit:contain;background:#fff;border-radius:10px;width:43px;height:43px}.brand strong{font-size:14px}.login-identity{align-items:center;gap:12px;margin-bottom:20px;display:flex}.login-identity img{object-fit:contain;background:#fff;border-radius:12px;width:55px;height:55px}.login-identity span{color:#203c5d;font-size:12px;font-weight:800;line-height:1.45}.deactivation-panel,.role-panel{margin-top:20px}.deactivation-row{gap:10px;margin-top:15px;display:flex}.deactivation-row select{background:#fff;border:1px solid #cedae6;border-radius:9px;flex:1;padding:11px}.danger-button{color:#a02525;background:#fff4f4;border:1px solid #efbaba;border-radius:9px;padding:10px 14px;font-weight:800}.danger-button:disabled{opacity:.5;cursor:not-allowed}.edit-link{color:#277398;background:0 0;border:0;font-weight:800}.member-editor{border-top:1px solid #e4eaf2;margin-top:22px;padding-top:20px}.editor-head{justify-content:space-between;align-items:start;display:flex}.editor-head>button{color:#63738a;background:0 0;border:0;font-size:21px}.member-editor label{color:#33455e;margin-top:13px;font-size:13px;font-weight:750;display:block}.member-editor input,.member-editor select{color:#17233a;background:#fff;border:1px solid #cedae6;border-radius:9px;width:100%;margin-top:6px;padding:10px;display:block}.editor-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.editor-actions>button{background:#fff;border:1px solid #d7e1eb;border-radius:8px;padding:10px 14px;font-weight:750}.editor-actions .primary{border:0}.role-panel .deactivation-row .primary{white-space:nowrap}.header-actions{align-items:center;gap:9px;display:flex}.presentation-toggle.on{color:#176c5e;background:#e9f4ef;border-color:#9bd3bc}.presentation-banner{color:#72531b;background:#fff9e8;border:1px solid #ead29a;border-radius:10px;align-items:center;gap:11px;margin:16px 0 -4px;padding:11px 14px;font-size:13px;display:flex}.presentation-banner span{color:#806b3a;flex:1}.presentation-banner button{color:#72531b;background:0 0;border:0;font-weight:800}.activity-panel{min-height:520px}.activity-list{border-top:1px solid #e6edf4;margin-top:20px}.activity-item{border-bottom:1px solid #edf1f5;gap:14px;padding:16px 4px;display:flex}.activity-icon{color:#277398;background:#e9f3f8;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:20px;font-weight:800;display:grid}.activity-body b{color:#263d57;font-size:14px;display:block}.activity-body b span{color:#52647b;font-weight:500}.activity-body small{color:#8491a1;text-transform:capitalize;margin-top:5px;font-size:12px;display:block}.privacy-check{align-items:center;gap:8px;font-size:12px!important;font-weight:600!important;display:flex!important}.privacy-check input{width:auto!important;margin:0!important}.activity-private-badge{margin-top:5px;color:#8a5a00!important;font-weight:700!important}.payment-type-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.payment-type{color:#53647b;background:#fff;border:1px solid #d6e0ea;border-radius:9px;padding:12px;font-size:12px;font-weight:800}.payment-type.active{color:#134f73;background:#e7f3f8;border-color:#277398}.rate-note{color:#71541e;background:#fff9e8;border:1px solid #ead29a;border-radius:10px;gap:5px;margin-top:17px;padding:12px 14px;display:grid}.rate-note b{font-size:12px}.rate-note span{font-size:11px}.calculation-lines{border-top:1px solid #e2eaf2;margin-top:14px;padding-top:10px}.calculation-lines>div{justify-content:space-between;gap:14px;padding:6px 0;font-size:12px;display:flex}.calculation-lines span{color:#718097}.discount-line b{color:#176c5e}.penalty-line b{color:#a36017}.covered small{color:#8290a1;font-size:11px}.payment-conflict{color:#9a2929;background:#fff0f0;border:1px solid #efc5c5;border-radius:9px;flex-direction:column;gap:4px;margin-top:15px;padding:11px 13px;display:flex}.payment-conflict span{font-size:11px;line-height:1.45}.reports-page{margin-top:24px}.report-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.report-heading h2{margin:5px 0;font-size:27px}.report-tabs{background:#eaf0f6;border-radius:12px;gap:7px;margin-bottom:18px;padding:5px;display:flex;overflow:auto}.report-tabs button{white-space:nowrap;color:#52647b;background:0 0;border:0;border-radius:8px;padding:11px 15px;font-weight:800}.report-tabs button.active{color:#173e65;background:#fff;box-shadow:0 2px 8px #16365714}.report-controls{align-items:end;gap:12px;margin-bottom:16px;display:flex}.report-controls label{color:#4b5d73;font-size:12px;font-weight:800}.report-controls select,.report-controls input{color:#17233a;background:#fff;border:1px solid #cedae6;border-radius:9px;min-width:190px;margin-top:6px;padding:10px 12px;display:block}.report-controls label:last-child{flex:1}.report-controls input{width:100%}.report-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.report-summary>div{background:#fff;border:1px solid #e1e8f0;border-radius:13px;padding:16px}.report-summary small,.report-summary span{color:#718097;font-size:11px;display:block}.report-summary b{color:#173e65;margin:7px 0;font-size:19px;display:block}.payment-register{padding:0;overflow:hidden}.register-title{border-bottom:1px solid #e5ebf2;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.register-title h3{margin:0 0 3px;font-size:18px}.register-title>b,.report-period-nav>b{color:#17304c;white-space:nowrap;background:#e9b44c;border-radius:8px;padding:8px 11px}.report-period-nav{align-items:center;gap:8px;display:flex}.report-period-nav button{white-space:nowrap;padding:8px 10px}.report-period-nav button:disabled{opacity:.4;cursor:not-allowed}.report-table-scroll{max-width:100%;overflow:auto}.payment-matrix{border-collapse:separate;border-spacing:0;min-width:1450px;margin:0}.payment-matrix th,.payment-matrix td{text-align:center;white-space:nowrap;border-bottom:1px solid #e7edf3;border-right:1px solid #e7edf3;padding:10px 8px}.payment-matrix th{z-index:2;background:#f2f6fa;position:sticky;top:0}.payment-matrix th small{color:#8a96a6;margin-top:3px;font-size:9px;display:block}.payment-matrix th:first-child,.payment-matrix td:first-child{z-index:3;text-align:left;background:#fff;min-width:90px;position:sticky;left:0}.payment-matrix th:nth-child(2),.payment-matrix td:nth-child(2){z-index:3;text-align:left;text-overflow:ellipsis;background:#fff;min-width:225px;max-width:225px;position:sticky;left:90px;overflow:hidden}.payment-matrix th:first-child,.payment-matrix th:nth-child(2){z-index:4;background:#f2f6fa}.payment-matrix th:nth-last-child(2),.payment-matrix td:nth-last-child(2){z-index:3;min-width:126px;position:sticky;right:126px}.payment-matrix th:last-child,.payment-matrix td:last-child{z-index:3;min-width:126px;position:sticky;right:0;box-shadow:-7px 0 12px #173e6512}.payment-matrix th:nth-last-child(2),.payment-matrix th:last-child{z-index:4;background:#f2f6fa}.fee-cell{min-width:63px;font-size:11px;font-weight:850}.fee-cell.paid{color:#176c5e;background:#e6f5ee;border-radius:0}.fee-cell.arrears{color:#ad3030;background:#fff0f0}.fee-cell.na,.fee-cell.future{color:#aab3bf;background:#f7f9fb}.row-total{color:#174d73;background:#edf6fa;font-weight:850}.row-due{color:#a02525;background:#fff2f2;font-weight:850}.row-clear{color:#176c5e;background:#eef8f3;font-weight:850}.month-tags{flex-wrap:wrap;gap:5px;display:flex}.month-tags span{color:#a02525;background:#fff0f0;border:1px solid #f0cece;border-radius:15px;padding:4px 7px;font-size:10px;font-weight:800}.directory-search{justify-content:flex-end}.directory-search label{max-width:380px}.finance-report-summary{margin-top:4px}@media (width<=1000px){.report-summary{grid-template-columns:1fr 1fr}.register-title{flex-direction:column;align-items:flex-start}.report-period-nav{justify-content:space-between;width:100%}}@media (width<=600px){.report-heading{flex-direction:column;align-items:flex-start}.report-controls{flex-direction:column;align-items:stretch}.report-controls select,.report-controls input{width:100%;min-width:0}.report-summary{grid-template-columns:1fr}.print-report{width:100%}.report-period-nav button{padding:7px;font-size:11px}}@media print{.app aside,.app>section>header,.presentation-banner,.app-error,.report-tabs,.report-controls,.print-report,.report-period-nav button,footer{display:none!important}.app>section{max-width:none;padding:0}.reports-page{margin:0}.panel{box-shadow:none;border:0}.report-summary{grid-template-columns:repeat(4,1fr)}.report-table-scroll{overflow:visible}.payment-matrix{width:100%;min-width:0;font-size:8px}.payment-matrix th,.payment-matrix td{padding:4px 2px;min-width:0!important;position:static!important}.payment-matrix th:nth-child(2),.payment-matrix td:nth-child(2){max-width:none}.fee-cell{min-width:0;font-size:8px}}.payment-type-row{grid-template-columns:repeat(3,1fr)}.month-range{grid-template-columns:1fr 1fr;gap:10px;display:grid}.range-warning{color:#9a2929;background:#fff2f2;border:1px solid #efc5c5;border-radius:8px;margin-top:8px;padding:9px 11px;font-size:11px;font-weight:750}.amount-check{border-radius:8px;margin-top:8px;padding:8px 10px;font-size:11px;font-weight:750}.amount-check.ok{color:#176c5e;background:#e8f6ef}.amount-check.error{color:#9a2929;background:#fff2f2}.entered-line{border-top:1px dashed #d8e1ea;margin-top:4px;padding-top:9px!important}.entered-line b{color:#173e65}@media (width<=600px){.payment-type-row,.month-range{grid-template-columns:1fr}}.payment-history-table{overflow-x:auto}.payment-history-table table{min-width:900px}.payment-history-table .period-value{color:#40536b;max-width:230px;font-size:12px;line-height:1.4}.payment-history-table .whatsapp-send{color:#137151;white-space:nowrap;background:#e8f7ef;border:1px solid #9fd8bd;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:850}.payment-history-table .whatsapp-send:hover,.success .whatsapp-action:hover{background:#d9f1e5;border-color:#72c79e}.success>small{color:#4d796a;line-height:1.45}.success .whatsapp-action{color:#137151;border-color:#8fd1b1;font-size:12px}.allocation-note{background:#eef8f3;border:1px solid #bcdacb;border-radius:10px;flex-direction:column;gap:4px;margin-top:15px;padding:12px 14px;display:flex}.allocation-note span,.allocation-note small{color:#567468;font-size:11px}.allocation-note b{color:#176c5e;font-size:15px}.allocation-note small{margin-top:2px}.app>section{min-width:0}.all-years-scope{background:#eef5fa;border:1px solid #c8dae8;border-radius:9px;min-width:210px;padding:10px 13px}.all-years-scope small,.all-years-scope b{display:block}.all-years-scope small{letter-spacing:.1em;color:#718097;font-size:9px;font-weight:850}.all-years-scope b{color:#174d73;margin-top:4px;font-size:13px}@media screen and (width<=760px){.app{min-height:100dvh;display:block}.app aside{z-index:100;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;width:100%;max-width:none;min-height:58px;padding:8px 10px max(8px,env(safe-area-inset-bottom));flex-direction:row;align-items:center;gap:6px;display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:0 5px 18px #07182f2b}.app aside::-webkit-scrollbar{display:none}.brand,.user{display:none}.nav{white-space:nowrap;scroll-snap-align:start;text-align:center;border-radius:9px;flex:none;min-height:42px;padding:10px 12px;font-size:12.5px}.nav.on{background:#2b577e;box-shadow:inset 0 0 0 1px #ffffff21}.sign-out{white-space:nowrap;border-left:1px solid #ffffff2b;flex:none;min-height:42px;margin-left:4px;padding:10px 12px;font-size:12px}.app>section{width:100%;padding:16px 13px 28px}header,.toolbar,.hero,.payment-title,.report-heading{flex-direction:column;align-items:flex-start}header{gap:12px}header>div:first-child{width:100%}header small{letter-spacing:.04em;line-height:1.55;display:block}h1{margin:4px 0;font-size:27px}h2{font-size:18px}p{font-size:13.5px}.header-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.header-actions button{min-height:44px;padding:9px 10px;font-size:12px}.presentation-banner{flex-wrap:wrap;align-items:flex-start;margin-top:13px}.presentation-banner span{flex-basis:100%;font-size:12px}.hero{border-radius:14px;gap:16px;margin:18px 0 16px;padding:21px 19px}.hero h2{font-size:24px}.hero .primary{width:100%;min-height:46px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.card{border-radius:13px;padding:15px 14px}.card b{margin:8px 0;font-size:19px}.card small,.card span{font-size:11px;line-height:1.35}.grid{grid-template-columns:1fr;gap:14px;margin-bottom:14px}.panel{border-radius:13px;margin-bottom:14px;padding:17px 15px;overflow-x:auto}.panel>table:not(.payment-matrix){min-width:650px}.toolbar{gap:12px;width:100%}.toolbar>div,.toolbar input{width:100%}.toolbar input{min-height:46px;font-size:16px}.quick{gap:8px;margin-top:14px}.quick button{min-height:72px;padding:12px}.labels{gap:12px;line-height:1.4}.payment-title{gap:6px;margin:18px 0 14px}.payment-title h2{font-size:24px}.secure-note{font-size:11px}.payment-layout{grid-template-columns:1fr;gap:14px}.payment-panel{border-radius:13px;min-width:0;padding:18px 15px}.step-head{margin-bottom:16px}.step-head.second{margin-top:23px}.entry-panel label{margin-top:14px;font-size:13px}.entry-panel select,.text-input,.member-editor input,.member-editor select,.entry-form input,.entry-form select{min-height:48px;font-size:16px}.member-summary{align-items:center;padding:12px 10px}.member-summary .paid,.member-summary .due{padding:5px 7px;font-size:10px}.payment-type-row,.method-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.payment-type,.method{min-height:52px;padding:8px 5px;font-size:11px;line-height:1.25}.money-input input{min-height:50px;font-size:21px}.allocation-note,.rate-note{padding:11px 12px}.receipt-preview{padding:15px 13px}.receipt-line b{text-align:right;overflow-wrap:anywhere;max-width:62%}.covered b{line-height:1.45}.total strong{white-space:nowrap;font-size:20px}.confirm{min-height:52px;padding:13px 14px}.success div{grid-template-columns:1fr 1fr;width:100%;display:grid}.success button{min-height:44px;padding:8px 7px}.transaction-panel{margin-top:14px}.payment-history-table{overscroll-behavior-x:contain;width:100%}.payment-history-table table{min-width:820px}.payment-history-table .whatsapp-send{min-height:40px;padding:8px 10px}.finance-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.finance-cards>div{padding:15px 13px}.finance-grid,.finance-grid.lower{grid-template-columns:1fr;gap:14px}.form-two{grid-template-columns:1fr}.deactivation-row{flex-direction:column}.deactivation-row select,.deactivation-row button{width:100%;min-height:46px}.editor-actions{grid-template-columns:1fr 1fr;display:grid}.editor-actions>button{min-height:46px}.activity-panel{min-height:0}.activity-item{gap:10px;padding:14px 0}.activity-body b{font-size:13px;line-height:1.45}.report-tabs{scrollbar-width:none;margin-left:-2px;margin-right:-2px}.report-tabs::-webkit-scrollbar{display:none}.report-tabs button{min-height:42px;padding:9px 12px;font-size:12px}.report-heading h2{font-size:24px}.print-report{width:100%;min-height:46px}.report-controls{flex-direction:column;align-items:stretch}.report-controls select,.report-controls input{width:100%;min-width:0;min-height:48px;font-size:16px}.all-years-scope{width:100%;min-width:0}.report-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.report-summary>div{padding:14px 12px}.report-summary b{font-size:17px}.payment-register{padding:0;overflow:hidden}.register-title{padding:16px 14px}.report-period-nav{gap:5px;width:100%}.report-period-nav button{min-height:40px;padding:8px 6px;font-size:10px}.report-period-nav>b{padding:8px;font-size:11px}.report-table-scroll{overscroll-behavior-x:contain}.payment-matrix{min-width:1160px}.payment-matrix th,.payment-matrix td{padding:9px 6px}.payment-matrix th:first-child,.payment-matrix td:first-child{min-width:74px;left:0}.payment-matrix th:nth-child(2),.payment-matrix td:nth-child(2){min-width:160px;max-width:160px;position:static}.payment-matrix th:nth-last-child(2),.payment-matrix td:nth-last-child(2){min-width:108px;right:108px}.payment-matrix th:last-child,.payment-matrix td:last-child{min-width:108px;right:0}.login-page{min-height:100dvh;padding:14px}.login-card{border-radius:16px;padding:25px 20px}.login-card h1{font-size:26px}.login-card input{min-height:50px;font-size:16px}.login-card .confirm{min-height:52px}footer{padding:14px 0 4px}}@media screen and (width<=390px){.app>section{padding-left:10px;padding-right:10px}.cards,.finance-cards,.report-summary,.header-actions{grid-template-columns:1fr}.payment-type,.method{font-size:10px}.success div,.editor-actions{grid-template-columns:1fr}.login-card{padding:22px 17px}}