:root{--indigo:#30257d;--indigo-dark:#20185f;--cyan:#12b9d3;--sidebar:#211a60;--ink:#182034;--muted:#697386;--line:#e6e9f0;--surface:#fff;--background:#f5f7fb;--danger:#c63e4a;--success:#147b58;--radius:14px;--shadow:0 12px 36px rgba(31,39,69,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--background)}a{color:var(--indigo);text-decoration:none}button,input{font:inherit}.auth-body{background:#eef1f7}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr)}.auth-brand-panel{background:var(--indigo-dark);color:#fff;padding:clamp(48px,7vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-brand-panel:after{content:"";position:absolute;width:320px;height:320px;border:60px solid rgba(18,185,211,.12);border-radius:50%;right:-140px;bottom:-120px}.brand-mark{width:72px;height:72px;border-radius:20px;background:var(--cyan);color:#13215a;display:grid;place-items:center;font-weight:900;font-size:25px;letter-spacing:-2px;margin-bottom:34px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.auth-brand-panel h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2.5px;line-height:1;margin:8px 0 20px;max-width:600px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--cyan);margin:0 0 8px}.auth-brand-copy{max-width:510px;color:#d5d6eb;font-size:17px;line-height:1.65}.security-note{display:flex;align-items:center;gap:10px;margin-top:36px;color:#d5d6eb;font-size:13px}.security-dot{width:9px;height:9px;background:#49d6a6;border-radius:50%;box-shadow:0 0 0 5px rgba(73,214,166,.12)}.auth-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.auth-card{width:min(100%,470px);background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(30px,5vw,52px);box-shadow:var(--shadow)}.auth-heading h2{font-size:30px;letter-spacing:-.8px;margin:0 0 10px}.auth-heading>p:last-child{color:var(--muted);line-height:1.55;margin:0 0 30px}.form-stack{display:grid;gap:19px}.field{display:grid;gap:8px}.field label,.label-row{font-size:13px;font-weight:750}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row a{font-weight:650}.field input{width:100%;height:48px;border:1px solid #d8dce6;border-radius:10px;padding:0 14px;outline:none;background:#fff;transition:.2s}.field input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(48,37,125,.1)}.field-error{color:var(--danger);font-size:12px}.checkbox-row{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px}.checkbox-row input{width:16px;height:16px;accent-color:var(--indigo)}.button{border:0;border-radius:10px;min-height:43px;padding:0 18px;cursor:pointer;font-weight:750;transition:.2s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--indigo);color:#fff;box-shadow:0 8px 18px rgba(48,37,125,.18)}.button-light{background:#f0f1f6;color:var(--ink)}.button-full{width:100%;min-height:49px}.back-link{text-align:center;font-size:13px}.alert{padding:12px 14px;border-radius:9px;font-size:13px;margin-bottom:20px}.alert-success{background:#e8f7f1;color:var(--success);border:1px solid #c4eadc}.alert-error{background:#fff0f1;color:var(--danger);border:1px solid #f1cbd0}.auth-footer{font-size:12px;color:#8790a2;margin-top:20px}.app-body{background:var(--background)}.nav-toggle{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:#211a60;color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark-small{width:42px;height:42px;border-radius:12px;font-size:16px;margin:0;flex:0 0 auto}.sidebar-brand div:last-child{min-width:0}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{color:#aaa9cf;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{overflow-y:auto;padding:15px 0;flex:1}.nav-label{color:#827fb0;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin:18px 10px 7px}.nav-item{display:flex;align-items:center;gap:11px;color:#d9d9ec;padding:11px 12px;border-radius:9px;font-size:13px;margin:2px 0}.nav-item span{width:20px;text-align:center;color:#9c9ac5}.nav-item small{margin-left:auto;color:#8b89b8;font-size:9px;text-transform:uppercase}.nav-item.active{background:rgba(18,185,211,.16);color:#fff}.nav-item.active span{color:var(--cyan)}.nav-item.disabled{cursor:default}.sidebar-user{border-top:1px solid rgba(255,255,255,.1);padding:18px 8px 0;display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:11px;background:#4a438c;display:grid;place-items:center;font-size:12px;font-weight:800}.sidebar-user strong,.sidebar-user span{display:block;font-size:11px}.sidebar-user span{color:#9997c1;margin-top:3px}.app-content{margin-left:270px;min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.topbar strong,.topbar-subtitle{display:block}.topbar strong{font-size:14px}.topbar-subtitle{color:var(--muted);font-size:11px;margin-top:2px}.menu-button{display:none;font-size:23px;cursor:pointer}.page-content{padding:30px;max-width:1500px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.welcome-row h1{font-size:28px;letter-spacing:-.8px;margin:0 0 8px}.welcome-row>div>p:last-child{color:var(--muted);margin:0}.status-badge{background:#e7f7f1;color:var(--success);padding:8px 12px;border-radius:999px;font-size:11px;font-weight:750;display:flex;align-items:center;gap:7px}.status-badge span{width:7px;height:7px;border-radius:50%;background:#29aa7e}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;gap:15px;align-items:center;box-shadow:0 4px 14px rgba(31,39,69,.035)}.metric-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.metric-icon.cyan{background:#e2f8fb;color:#078ca2}.metric-icon.indigo{background:#eceaf8;color:var(--indigo)}.metric-icon.violet{background:#f2eafa;color:#75429a}.metric-icon.green{background:#e5f7ef;color:var(--success)}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{font-size:11px;color:var(--muted);font-weight:650}.metric-card strong{font-size:25px;margin:2px 0}.metric-card small{font-size:10px;color:#9299a8}.metric-card .status-word{font-size:18px}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 4px 14px rgba(31,39,69,.035)}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:18px;margin:0}.panel-heading>span{font-size:10px;background:#eeecf8;color:var(--indigo);padding:6px 8px;border-radius:7px;font-weight:750}.readiness-list>div,.account-details>div{display:flex;align-items:center;justify-content:space-between;padding:14px 2px;border-bottom:1px solid #f0f1f5;font-size:13px}.readiness-list>div:last-child,.account-details>div:last-child{border:0}.readiness-list strong{font-size:10px;padding:5px 8px;border-radius:999px}.readiness-list .complete{color:var(--success);background:#e7f7f1}.readiness-list .pending{color:#7c6a34;background:#faf4df}.account-details{margin:0}.account-details dt{color:var(--muted)}.account-details dd{font-weight:700;margin:0;text-align:right}.nav-overlay{display:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.auth-shell{display:block}.auth-brand-panel{min-height:auto;padding:36px}.auth-brand-panel h1{font-size:36px}.auth-brand-copy{font-size:14px}.auth-form-panel{padding:28px 18px}.sidebar{transform:translateX(-100%);transition:.25s}.app-content{margin-left:0}.menu-button{display:block}.nav-toggle:checked~.sidebar{transform:translateX(0)}.nav-toggle:checked~.nav-overlay{display:block;position:fixed;inset:0;background:rgba(14,17,31,.5);z-index:15}.topbar{padding:0 18px}.topbar>div{margin-right:auto;margin-left:14px}.page-content{padding:22px 18px}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:560px){.auth-brand-panel{display:none}.auth-form-panel{min-height:100vh}.auth-card{padding:28px 22px}.metric-grid{grid-template-columns:1fr}.welcome-row{display:block}.status-badge{display:inline-flex;margin-top:15px}.topbar-subtitle{display:none}.button-light{padding:0 12px}.page-content{padding:20px 14px}}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{font-size:28px;letter-spacing:-.8px;margin:0 0 7px}.page-heading>div>p:last-child{color:var(--muted);margin:0}.role-welcome{border-left:4px solid var(--cyan);background:#fff;padding:22px;border-radius:0 var(--radius) var(--radius) 0}.dashboard--administrator{border-left-color:#6353d9}.dashboard--manager{border-left-color:#168fa4}.dashboard--supervisor{border-left-color:#4d82c4}.dashboard--loan-officer{border-left-color:#a45e38}.dashboard--hro{border-left-color:#985a9f}.dashboard--auditor{border-left-color:#3b6977}.dashboard--cashier{border-left-color:#17865f}.dashboard--accountant{border-left-color:#5362a4}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-top:18px}.action-card{border:1px solid var(--line);border-radius:11px;padding:16px;background:#fafbfe;min-height:86px;display:flex;flex-direction:column;justify-content:space-between}.action-card strong{font-size:13px;color:var(--ink)}.action-card span{font-size:10px;color:var(--indigo)}.action-card-muted span{color:#9299a8}.search-row{display:flex;gap:10px;align-items:center;margin-bottom:18px}.search-row input{height:43px;border:1px solid #d8dce6;border-radius:9px;padding:0 13px;min-width:min(100%,430px);outline:none}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:11px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 11px;border-bottom:1px solid #eff1f5;white-space:nowrap}.data-table td strong,.data-table td span{display:block}.data-table td span{color:var(--muted);font-size:10px;margin-top:3px}.record-status{display:inline-block!important;padding:5px 8px;border-radius:999px;font-weight:750}.status-active{background:#e7f7f1;color:var(--success)!important}.status-inactive,.status-suspended,.status-locked{background:#fff0f1;color:var(--danger)!important}.empty-state{text-align:center!important;color:var(--muted);padding:35px!important}.pagination-row{display:flex;justify-content:space-between;align-items:center;padding-top:18px;color:var(--muted);font-size:11px}.pagination-row>div{display:flex;gap:8px}.form-panel{max-width:1050px}.form-section-heading h2{font-size:17px;margin:0 0 5px}.form-section-heading p{color:var(--muted);font-size:12px;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}.field select{width:100%;height:48px;border:1px solid #d8dce6;border-radius:10px;padding:0 12px;background:#fff}.section-divider{border-top:1px solid var(--line);padding-top:23px;margin-top:28px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;font-size:13px}
@media(max-width:700px){.page-heading{display:block}.page-heading>.button{display:inline-flex;align-items:center;margin-top:15px}.form-grid,.action-grid{grid-template-columns:1fr}.search-row{flex-wrap:wrap}.search-row input{min-width:100%}}
.password-panel{max-width:650px}.single-column-form{grid-template-columns:1fr}
.sidebar{background:var(--sidebar)}.company-logo{width:42px;height:42px;object-fit:contain;border-radius:10px;background:#fff;padding:4px;flex:0 0 auto}.settings-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:start}.logo-setting{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin:22px 0}.logo-preview{width:104px;height:104px;border:1px dashed #cfd4df;border-radius:15px;background:#f8f9fc;display:grid;place-items:center;overflow:hidden;color:var(--indigo);font-weight:900}.logo-preview img{width:100%;height:100%;object-fit:contain}.field small{font-size:10px;color:var(--muted)}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.color-field>div{display:flex;align-items:center;gap:10px}.color-field input[type=color]{width:52px;height:44px;padding:3px}.color-field code{font-size:11px;color:var(--muted)}.prefix-grid{grid-template-columns:repeat(2,1fr)}.staff-cell{display:flex;align-items:center;gap:10px}.staff-thumb{width:38px;height:38px;object-fit:cover;border-radius:10px;flex:0 0 auto}.staff-initials{background:#eceaf8;color:var(--indigo)!important;display:grid!important;place-items:center;font-weight:800;margin:0!important}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.document-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px;box-shadow:0 4px 14px rgba(31,39,69,.035)}.document-preview{height:210px;border-radius:10px;background:#f1f3f7;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:12px;margin-bottom:13px}.document-preview img{width:100%;height:100%;object-fit:contain}.passport-preview img{object-fit:cover}.document-card>div:last-child strong,.document-card>div:last-child span,.document-card>div:last-child a{display:block}.document-card>div:last-child span{font-size:10px;color:var(--muted);margin:4px 0}.document-card>div:last-child a{font-size:11px}.document-upload-form{margin-top:20px}
@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.document-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.color-grid,.prefix-grid,.document-grid{grid-template-columns:1fr}.logo-setting{grid-template-columns:1fr}.document-preview{height:190px}}
.generated-reference{height:48px;border:1px dashed #cfd4df;border-radius:10px;padding:0 14px;display:flex;align-items:center;color:var(--muted);font-size:12px;background:#fafbfe}.generated-reference strong{color:var(--indigo);margin-left:4px}
.loan-product-cards{display:none}.loan-product-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.loan-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.loan-detail-grid .panel h2{margin:0 0 16px;font-size:18px}.loan-detail-list{margin:0}.loan-detail-list>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line)}.loan-detail-list dt{color:var(--muted)}.loan-detail-list dd{margin:0;text-align:right;font-weight:650}.loan-detail-block{padding:14px 0;border-top:1px solid var(--line)}.loan-detail-block h3{margin:0 0 5px;font-size:14px}.loan-detail-block p{margin:5px 0;color:var(--muted)}#group-members-section[hidden]{display:none!important}
@media(max-width:700px){.loan-product-table{display:none}.loan-product-cards{display:grid;gap:14px}.loan-product-card{padding:18px}.loan-product-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.loan-product-card h2{font-size:17px;margin:5px 0 12px}.loan-product-card dl{margin:0 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.loan-product-card dt{font-size:11px;color:var(--muted)}.loan-product-card dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}.loan-product-card .loan-product-actions .button{flex:1;text-align:center}.loan-detail-grid{grid-template-columns:1fr}.loan-detail-list>div{align-items:baseline}}
.loan-category-edit{display:grid;grid-template-columns:1fr 2fr 120px auto;gap:10px;align-items:center}.loan-category-edit input,.loan-category-edit select{min-width:0;padding:9px;border:1px solid var(--line);border-radius:8px}@media(max-width:700px){.loan-category-edit{grid-template-columns:1fr}.loan-category-edit .button{justify-self:start}}
.role-choice-field{grid-column:1/-1}.role-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.role-choice{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fafbfe;cursor:pointer}.role-choice input{width:auto;height:auto;margin-top:3px}.role-choice span,.role-choice strong,.role-choice small{display:block}.role-choice small{margin-top:3px;color:var(--muted)}.role-switch-form{display:flex;align-items:center;gap:8px;margin-left:auto}.role-switch-form label{font-size:11px;color:var(--muted)}.role-switch-form select{height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 28px 0 10px;color:var(--ink)}@media(max-width:700px){.role-choice-grid{grid-template-columns:1fr}.role-switch-form label{display:none}.role-switch-form select{max-width:135px}}
.loan-catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.loan-catalogue-grid .loan-product-card{display:flex;flex-direction:column;gap:12px}.loan-catalogue-grid .loan-product-card h2{margin:5px 0 0;font-size:18px}.loan-catalogue-grid .loan-product-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.loan-catalogue-grid .loan-product-card dt{font-size:11px;color:var(--muted)}.loan-catalogue-grid .loan-product-card dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}.loan-catalogue-grid .loan-product-card .button{margin-top:auto;text-align:center}.loan-catalogue-description{color:var(--muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1050px){.loan-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.loan-catalogue-grid{grid-template-columns:1fr}}
.required-mark{color:var(--danger);font-weight:900}.field-wide{grid-column:1/-1}.field textarea{width:100%;min-height:96px;border:1px solid #d8dce6;border-radius:10px;padding:12px 14px;font:inherit;resize:vertical}.field textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(48,37,125,.1);outline:none}.upload-field input[type=file]{height:auto;padding:11px}.member-cards{display:none}.member-detail-stack{display:grid;gap:18px}.member-documents-panel{margin-top:20px}.member-documents-panel .document-grid{margin:18px 0 0}.member-card h2{font-size:17px;margin:9px 0 4px}.member-card p{color:var(--muted);font-size:12px;margin:0 0 15px}.member-card dl{display:grid;gap:9px;margin:0 0 15px}.member-card dl>div{display:flex;justify-content:space-between;gap:12px}.member-card dt{color:var(--muted);font-size:11px}.member-card dd{margin:0;font-size:12px;font-weight:700;text-align:right;overflow-wrap:anywhere}.status-pending{background:#fff4d6;color:#986b00!important}.member-confirmation-box{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff8df;border:1px solid #ecd98d;color:#5f4b00}.member-confirmation-box strong,.member-confirmation-box span{display:block}.member-confirmation-box span{font-size:12px;margin-top:4px}.member-submit-actions{flex-wrap:wrap}@media(max-width:700px){.member-table{display:none}.member-cards{display:grid;gap:13px}.field-wide{grid-column:auto}.member-form .form-actions{align-items:stretch;flex-direction:column-reverse}.member-form .form-actions .button{text-align:center}.member-documents-panel .document-grid{grid-template-columns:1fr}.member-confirmation-box{align-items:stretch;flex-direction:column}.member-confirmation-box .button{width:100%}}
.input-invalid{border-color:var(--danger)!important;box-shadow:0 0 0 3px rgba(198,62,74,.1)!important}.unique-warning:empty{display:none}.transfer-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.transfer-panel h2{margin:0 0 5px;font-size:17px}.transfer-panel p{margin:0;color:var(--muted);font-size:12px}.transfer-panel form{display:flex;gap:10px}.transfer-panel select{height:43px;min-width:260px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff}@media(max-width:700px){.transfer-panel,.transfer-panel form{align-items:stretch;flex-direction:column}.transfer-panel select{min-width:0;width:100%}}
.borrower-type-grid,.loan-application-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.borrower-type-grid a{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);text-decoration:none}.borrower-type-grid a:hover{border-color:var(--cyan);box-shadow:0 8px 24px rgba(31,35,64,.08)}.borrower-type-grid span,.loan-application-card small,.loan-application-card dt{color:var(--muted);font-size:12px}.loan-application-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.loan-application-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.loan-application-card h2{font-size:17px;margin:4px 0 12px}.loan-application-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}.loan-application-card dt,.loan-application-card dd{margin:0}.loan-application-card dd{font-weight:700;font-size:13px}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef0f6;color:#4c5268;font-size:11px;font-weight:800;white-space:nowrap}.status-draft{background:#f2f0ff;color:#5545a5}.status-submitted,.status-s_submit,.status-m_submit{background:#e8f7fb;color:#087f91}.status-s_review,.status-m_review,.status-admin_review{background:#fff4d8;color:#8a6400}.status-s_approved,.status-m_approved,.status-admin_approved{background:#e7f7ed;color:#16733a}.status-rejected,.status-admin_reject,.status-admin_terminate{background:#fdebed;color:#a72d3c}.loan-application-form{display:grid;gap:18px}.inline-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.repeatable-list{display:grid;gap:12px}.repeatable-card{position:relative;border:1px solid var(--line);border-radius:12px;padding:18px;background:#fbfcff}.remove-row{position:absolute;right:10px;top:8px;border:0;background:transparent;color:var(--danger);font-size:24px;cursor:pointer}.checkbox-field{display:flex;align-items:center;gap:8px;padding-top:27px}.guarantor-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.guarantor-section{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.guarantor-section h3{margin:0 0 10px;font-size:15px}.section-help,.unique-warning{color:var(--muted);font-size:12px}.unique-warning:not(:empty){display:block;margin-top:4px}.loan-form-actions{display:flex;justify-content:flex-end}.loan-summary-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;margin-bottom:18px}.loan-main-summary header{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.loan-main-summary header>div{display:flex;flex-direction:column;gap:5px}.loan-main-summary header small{color:var(--muted)}.loan-main-summary header strong{font-size:22px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}.detail-list div{display:flex;flex-direction:column;gap:4px}.detail-list dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.detail-list dd{margin:0;font-weight:700}.decision-panel h2{margin-top:0}.decision-panel form{display:grid;gap:12px}.two-column-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.record-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line)}.record-row:first-of-type{border-top:0}.record-row>div{display:flex;flex-direction:column;gap:4px}.record-row>div:last-child{text-align:right}.record-row span,.record-row small,.empty-copy{font-size:12px;color:var(--muted)}.workflow-timeline{display:grid;gap:0}.workflow-timeline>div{position:relative;padding:0 0 20px 28px;display:flex;flex-direction:column;gap:3px}.workflow-timeline>div>span{position:absolute;left:3px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--cyan)}.workflow-timeline>div:not(:last-child):before{content:"";position:absolute;left:8px;top:15px;bottom:0;width:2px;background:var(--line)}.workflow-timeline small{color:var(--muted)}.workflow-timeline p{margin:4px 0 0}.header-actions{display:flex;gap:10px}@media(max-width:1050px){.borrower-type-grid{grid-template-columns:repeat(2,1fr)}.loan-application-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.borrower-type-grid,.loan-application-grid,.loan-summary-grid,.two-column-panels{grid-template-columns:1fr}.inline-heading,.loan-main-summary header,.record-row,.header-actions{align-items:stretch;flex-direction:column}.guarantor-actions{justify-content:stretch}.guarantor-actions .button{flex:1}.record-row>div:last-child{text-align:left}.detail-list{grid-template-columns:1fr}.loan-form-actions{flex-direction:column}.loan-form-actions .button{width:100%}}
.uppercase-entry{text-transform:uppercase}
.member-directory-panel{padding:20px}.member-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.member-summary-card{background:var(--surface,#fff);border:1px solid #e4e6ee;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(31,29,79,.06)}.member-summary-header{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;background:rgba(48,37,125,.045);border-bottom:1px solid #e8e9f0}.member-summary-photo{width:64px;height:64px;border-radius:14px;overflow:hidden;background:var(--indigo);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}.member-summary-photo img{width:100%;height:100%;object-fit:cover}.member-summary-title{min-width:0}.member-summary-title h2{margin:0 0 4px;font-size:17px;line-height:1.25}.member-summary-title p{margin:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-summary-details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:8px 18px}.member-summary-details>div{padding:11px 0;border-bottom:1px solid #eef0f4}.member-summary-details>div:nth-last-child(-n+2){border-bottom:0}.member-summary-details dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.member-summary-details dd{margin:0;font-size:12px;font-weight:700;overflow-wrap:anywhere}.member-summary-actions{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;border-top:1px solid #eef0f4}.member-directory-grid>.empty-state{grid-column:1/-1;padding:36px}@media(max-width:900px){.member-directory-grid{grid-template-columns:1fr}}@media(max-width:520px){.member-directory-panel{padding:14px}.member-summary-header{grid-template-columns:56px minmax(0,1fr);padding:14px}.member-summary-photo{width:56px;height:56px}.member-summary-header>.record-status{grid-column:2;justify-self:start}.member-summary-details{grid-template-columns:1fr;padding:7px 14px}.member-summary-details>div:nth-last-child(-n+2){border-bottom:1px solid #eef0f4}.member-summary-details>div:last-child{border-bottom:0}.member-summary-actions{padding:12px 14px}.member-summary-actions .button{flex:1;text-align:center}}
.access-warning-toast{position:fixed;top:22px;right:22px;z-index:2000;width:min(430px,calc(100vw - 32px));display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:start;gap:12px;padding:15px 14px 18px;border:1px solid #f0c3c8;border-radius:13px;background:#fff;color:var(--ink);box-shadow:0 18px 45px rgba(31,29,79,.2);overflow:hidden;animation:access-warning-in .25s ease-out}.access-warning-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fdebed;color:#a72d3c;font-size:20px;font-weight:900}.access-warning-toast strong{display:block;margin:1px 0 4px;color:#a72d3c;font-size:14px}.access-warning-toast p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.access-warning-toast button{width:32px;height:32px;border:0;border-radius:8px;background:#f3f4f7;color:var(--ink);cursor:pointer;font-size:20px;line-height:1}.access-warning-timer{position:absolute;left:0;bottom:0;width:100%;height:4px;background:#c44250;transform-origin:left;animation:access-warning-timer 5s linear forwards}.access-warning-toast.is-hiding{opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}@keyframes access-warning-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes access-warning-timer{from{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:600px){.access-warning-toast{top:12px;right:16px}}
.savings-recent{margin-top:20px}.ledger-filters{display:grid;grid-template-columns:minmax(250px,2fr) 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:20px}.journal-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 22px}.journal-summary>div{background:#f8f9fc;border:1px solid var(--line);border-radius:10px;padding:14px}.journal-summary dt{font-size:10px;color:var(--muted);text-transform:uppercase}.journal-summary dd{margin:5px 0 0;font-weight:700}.journal-total td{background:#f8f9fc;border-top:2px solid var(--line)}@media(max-width:760px){.ledger-filters,.journal-summary{grid-template-columns:1fr}.ledger-filters .button{width:100%}}
.receipt-metrics{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}.receipt-filters{display:grid;grid-template-columns:minmax(220px,2fr) 1fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:20px}@media(max-width:900px){.receipt-filters{grid-template-columns:1fr 1fr}.receipt-filters .button{width:100%}}@media(max-width:560px){.receipt-metrics,.receipt-filters{grid-template-columns:1fr}}
.modal-open{overflow:hidden}.receipt-modal{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:20px;border:0;background:transparent;overflow:hidden}.receipt-modal:not([open]){display:none}.receipt-modal[open]{display:grid;place-items:center}.receipt-modal::backdrop{background:rgba(14,17,31,.68)}.receipt-modal-dialog{position:relative;width:min(760px,100%);height:min(90vh,900px);background:#fff;border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden}.receipt-modal-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.receipt-modal-dialog>header strong,.receipt-modal-dialog>header span{display:block}.receipt-modal-dialog>header span{font-size:11px;color:var(--muted);margin-top:3px}.receipt-modal-close{border:0;background:#f0f1f6;border-radius:9px;width:38px;height:38px;font-size:23px;cursor:pointer}.receipt-modal-tools{display:flex;gap:8px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line)}.receipt-modal-tools .active{background:var(--cyan);color:#07333a}.receipt-modal-tools #receipt-modal-print{margin-left:auto}.receipt-frame-wrap{flex:1;overflow:auto;background:#e8eaf0;padding:18px;text-align:center}.receipt-frame-wrap iframe{width:100%;height:100%;min-height:560px;border:0;background:#fff}@media(max-width:600px){.receipt-modal{padding:0}.receipt-modal-dialog{width:100%;height:100vh;border-radius:0}.receipt-modal-tools{flex-wrap:wrap}.receipt-frame-wrap{padding:8px}.receipt-frame-wrap iframe{min-height:500px}}
.loan-approval-settings{grid-column:1/-1}.approval-range-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.approval-range-preview>div{border:1px solid var(--line);background:#f8f9fc;border-radius:11px;padding:15px}.approval-range-preview span,.approval-range-preview strong{display:block}.approval-range-preview span{font-size:10px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.approval-range-preview strong{font-size:12px}.settings-save-panel{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-save-panel>div>strong,.settings-save-panel>div>span{display:block}.settings-save-panel>div>span{font-size:11px;color:var(--muted);margin-top:4px}.settings-save-panel .form-actions{border:0;padding:0;margin:0}@media(max-width:900px){.approval-range-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.approval-range-preview{grid-template-columns:1fr}.settings-save-panel{align-items:stretch;flex-direction:column}.settings-save-panel .form-actions{align-items:stretch;flex-direction:column-reverse}.settings-save-panel .button{text-align:center}}
.loan-calendar-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.calendar-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.grace-days-field{margin-top:18px}.loan-time-mode-panel,.loan-calendar-save{grid-column:1/-1}.loan-calendar-example dl{margin:18px 0 0}.loan-calendar-example dl>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.loan-calendar-example dt{color:var(--muted)}.loan-calendar-example dd{margin:0;font-weight:700;text-align:right}.calendar-note{font-size:11px;color:var(--muted);margin:16px 0 0}.loan-calendar-save{display:flex;align-items:center;justify-content:space-between;gap:20px}.loan-calendar-save strong,.loan-calendar-save span{display:block}.loan-calendar-save span{font-size:11px;color:var(--muted);margin-top:4px}@media(max-width:800px){.loan-calendar-layout,.calendar-option-grid{grid-template-columns:1fr}.loan-time-mode-panel,.loan-calendar-save{grid-column:auto}.loan-calendar-save{align-items:stretch;flex-direction:column}.loan-calendar-save .button{width:100%}}
.temporary-password-box{margin-top:18px;padding:18px;border:1px solid #d9dcef;background:#f8f9ff;border-radius:12px}.password-copy-row{display:flex;gap:10px}.password-copy-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;letter-spacing:.04em}.temporary-password-box>p{font-size:11px;color:var(--muted);margin:12px 0 0}.temporary-credentials-panel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;margin-bottom:20px;border-left:4px solid var(--cyan)}.temporary-credentials-panel h2{margin:2px 0 5px}.temporary-credentials-panel p{margin:0;color:var(--muted);font-size:12px}.temporary-credentials-panel dl{margin:0;display:flex;gap:20px}.temporary-credentials-panel dl>div{min-width:160px}.temporary-credentials-panel dt{font-size:10px;text-transform:uppercase;color:var(--muted)}.temporary-credentials-panel dd{margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800}@media(max-width:850px){.temporary-credentials-panel{grid-template-columns:1fr}.temporary-credentials-panel dl{flex-direction:column;gap:10px}.password-copy-row{flex-direction:column}.password-copy-row .button{width:100%}}
.user-row-actions{display:flex;align-items:center;gap:10px}.user-row-actions span{margin:0!important}.user-preview-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:20px;align-items:start}.user-preview-sidebar{display:grid;gap:20px}.user-profile-heading{display:flex;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line)}.user-profile-heading h2{margin:0 0 4px}.user-profile-heading p{margin:0 0 8px;color:var(--muted)}.user-profile-photo{width:92px;height:92px;border-radius:18px;object-fit:cover}.user-profile-initials{display:grid;place-items:center;background:var(--indigo);color:#fff;font-size:28px;font-weight:850}.user-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:15px 0 0}.user-detail-list>div{padding:13px 0;border-bottom:1px solid #eef0f4}.user-detail-list dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.user-detail-list dd{margin:4px 0 0;font-weight:700;overflow-wrap:anywhere}.user-role-list{display:grid;gap:10px;margin-top:18px}.user-role-list>div{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fafbfe}.user-role-list strong,.user-role-list span{display:block}.user-role-list span{font-size:11px;color:var(--muted);margin-top:4px}.user-preview-button{display:inline-block;margin-top:16px}.account-status-panel form{display:grid;gap:15px;margin-top:18px}.status-locked{background:#f0e9ff;color:#6842a8!important}@media(max-width:900px){.user-preview-layout{grid-template-columns:1fr}}@media(max-width:560px){.user-detail-list{grid-template-columns:1fr}.user-profile-heading{align-items:flex-start}.user-profile-photo{width:72px;height:72px}.user-row-actions{align-items:flex-start;flex-direction:column}}
.tier-row{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)}.tier-remove-field{align-self:end}.tier-remove-field .button{margin-bottom:0}@media(max-width:850px){.tier-row{grid-template-columns:1fr 1fr}.tier-remove-field{grid-column:1/-1}}@media(max-width:560px){.tier-row{grid-template-columns:1fr}}
.button-danger{background:#b42335;color:#fff}.inline-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline-actions input{min-height:40px;border:1px solid var(--line);border-radius:9px;padding:0 10px}.stat-card{display:flex;flex-direction:column;gap:5px}.stat-card>span,.stat-card>small{color:var(--muted);font-size:12px}.stat-card>strong{font-size:22px}.funding-accounts-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}@media(max-width:1000px){.funding-accounts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.funding-accounts-grid{grid-template-columns:1fr}.inline-actions{align-items:stretch;flex-direction:column}}
.form-recovery-notice{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin-bottom:16px;border:1px solid #b9e5ed;border-radius:10px;background:#eefbfc;color:#176b78}.form-recovery-notice strong,.form-recovery-notice span{display:block}.form-recovery-notice span{font-size:12px;margin-top:3px}@media(max-width:620px){.form-recovery-notice{align-items:stretch;flex-direction:column}}
.savings-transfer-preview{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#f7f8fc}.savings-transfer-preview article{display:grid;gap:.25rem}.savings-transfer-preview article:last-child{text-align:right}.savings-transfer-preview small,.savings-transfer-preview span{color:var(--muted)}.savings-transfer-preview strong{font-size:1.25rem;color:var(--indigo)}.savings-transfer-preview>div{font-size:1.5rem;color:var(--cyan);font-weight:800}@media(max-width:600px){.savings-transfer-preview{grid-template-columns:1fr}.savings-transfer-preview article:last-child{text-align:left}.savings-transfer-preview>div{transform:rotate(90deg);justify-self:start}}