@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#3b252a;background:#f7f4f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #3b252a;--muted: #837176;--line: #e7dce0;--surface: #ffffff;--green: #8e073c;--green-dark: #5a0426;--orange: #d9a046;--red: #bd5b57}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f4f5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(142,7,60,.2);outline-offset:2px}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:252px;flex:0 0 252px;display:flex;flex-direction:column;overflow-y:auto;background:#fff;color:var(--ink);padding:0 16px 18px;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;padding:24px 8px 27px;position:sticky;top:0;background:#fff;z-index:10;margin-bottom:8px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#d9a046;color:#47041f}.brand strong,.brand span,.profile-copy strong,.profile-copy span{display:block}.brand strong{font:700 19px Space Grotesk,sans-serif;color:var(--ink)}.brand span{font-size:11px;color:var(--muted);margin-top:2px}.icon-button{display:inline-grid;place-items:center;border:0;background:transparent;color:inherit;min-width:34px;min-height:34px;border-radius:7px}.icon-button:hover{background:#ffffff1a}.sidebar-close,.menu-toggle{display:none}.workspace-label{padding:0 11px 9px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em}.secondary-label{margin-top:25px}.nav-list{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 11px;border-radius:7px;color:var(--ink);text-decoration:none;font-size:13px}.nav-item:hover,.nav-item.active{color:#fff;background:var(--green)}.nav-item.active{box-shadow:inset 3px 0 #d9a046}.nav-badge{margin-left:auto;padding:2px 7px;border-radius:10px;background:#fdf5f7;color:var(--green);font-size:10px}.sidebar-footer{margin-top:auto;padding:20px 9px 0;color:var(--muted);font-size:11px}.security-chip{display:flex;align-items:center;gap:7px;color:var(--muted);margin-bottom:8px}.main-area{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:72px;flex:0 0 72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 34px;border-bottom:1px solid var(--line);background:#fffffff5;position:sticky;top:0;z-index:5}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted)}.breadcrumb strong{color:var(--ink)}.topbar-actions{display:flex;align-items:center;gap:18px}.top-search,.dashboard-search,.filter-search{display:flex;align-items:center;gap:8px;color:#a08c93}.top-search{min-width:250px;padding:9px 11px;border:1px solid var(--line);border-radius:7px}.top-search input,.dashboard-search input,.filter-search input{min-width:0;width:100%;border:0;outline:0;color:var(--ink);background:transparent}.top-search kbd{padding:2px 6px;color:var(--muted);border:1px solid var(--line);border-radius:4px;font-size:10px}.notification-button{position:relative;color:var(--muted)}.notification-button i{position:absolute;top:7px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--orange)}.profile{display:flex;align-items:center;gap:9px;color:var(--muted)}.avatar,.customer-avatar{display:grid;place-items:center;border-radius:50%;background:#f2e6eb;color:var(--green-dark);font-weight:700}.avatar{width:34px;height:34px;font-size:11px}.profile-copy strong{color:var(--ink);font-size:12px}.profile-copy span{font-size:11px;margin-top:2px}.content{flex:1;overflow-y:auto;padding:32px 38px 50px}.sidebar,.content{scrollbar-width:thin}.sidebar{scrollbar-color:#e7dce0 #ffffff}.content{scrollbar-color:#c49eb0 #f7f4f5}.sidebar::-webkit-scrollbar,.content::-webkit-scrollbar{width:9px}.sidebar::-webkit-scrollbar-track{background:#fff}.content::-webkit-scrollbar-track{background:#f7f4f5}.sidebar::-webkit-scrollbar-thumb{border:2px solid #ffffff;border-radius:9px;background:#e7dce0}.content::-webkit-scrollbar-thumb{border:2px solid #f7f4f5;border-radius:9px;background:#c49eb0}.sidebar::-webkit-scrollbar-thumb:hover{background:#c96d90}.content::-webkit-scrollbar-thumb:hover{background:#ab8c99}.admin-page,.dashboard-page{max-width:1440px;margin:0 auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{color:var(--green);font-size:10px;font-weight:700;letter-spacing:.12em}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-family:Space Grotesk,sans-serif}h1{margin:7px 0 8px;font-size:clamp(25px,3vw,34px);letter-spacing:0}h2{margin-bottom:5px;font-size:17px}h3{margin-bottom:4px;font-size:14px}.page-heading p,.panel-heading p,.admin-modal-header p,.customer-section-heading p{color:var(--muted);font-size:13px;margin-bottom:0}.primary-button,.secondary-button,.filter-button,.text-button,.select-button,.more-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:6px;min-height:38px;padding:0 13px;font-size:12px;font-weight:700}.primary-button{background:var(--green);color:#fff}.primary-button:hover{background:var(--green-dark)}.secondary-button,.filter-button,.select-button{border-color:var(--line);background:#fff;color:var(--ink)}.secondary-button:hover,.filter-button:hover{background:#f6f1f3}.primary-button:disabled,.secondary-button:disabled{opacity:.7;cursor:default}.text-button,.more-button{padding:0;min-height:30px;background:transparent;color:var(--green)}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.summary-item{padding:17px 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.summary-item span{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.summary-item strong{color:var(--ink);font:700 21px Space Grotesk,sans-serif}.summary-item strong.green{color:var(--green)}.summary-item strong.orange{color:var(--orange)}.summary-item strong.red{color:var(--red)}.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:24px}.table-panel{overflow:hidden;padding:0}.filter-bar{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px;border-bottom:1px solid var(--line)}.report-controls{margin-bottom:20px;padding:16px}.report-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.report-control-grid label{display:grid;gap:7px;color:#68525b;font-size:11px;font-weight:700}.report-control-grid input,.report-control-grid select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:6px;padding:0 10px;color:var(--ink);background:#fdfbfc;font-size:12px}.report-toolbar{display:flex;align-items:center;gap:10px}.report-toolbar .filter-search{display:flex;align-items:center;gap:8px}.report-toolbar .filter-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.report-toolbar .filter-button{flex:0 0 auto}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-card{display:flex;align-items:flex-start;gap:13px;padding:17px}.report-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:8px;background:#edf5f1;color:var(--green)}.report-icon.report-finance{background:#fff5e8;color:var(--orange)}.report-icon.report-compliance{background:#fff0ed;color:var(--red)}.report-card-copy{min-width:0;flex:1}.report-card-copy h2{margin:4px 0 6px;font-size:15px}.report-card-copy p{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:9px}.report-card-copy small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.report-card-actions{display:flex;gap:3px}.report-card-actions .icon-button{color:var(--green)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px!important;text-align:center!important;color:var(--muted);min-height:120px}.table-wrap td.empty-state{display:table-cell;vertical-align:middle}.empty-state strong{color:var(--ink);font-size:14px}.filter-search{flex:1;min-width:180px;border:1px solid var(--line);border-radius:6px;padding:0 10px;height:38px}.export-button{color:var(--green);border:1px solid var(--line)}.customer-status-filter{flex:0 0 auto;min-width:142px}.filter-button.active{border-color:var(--green);background:#eef5f1;color:var(--green)}.filter-popover{position:relative}.filter-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:12;display:grid;gap:12px;width:264px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 20px 50px #0e2e2929}.filter-field{display:grid;gap:6px;color:#68525b;font-size:11px;font-weight:700}.filter-field input,.filter-field select{width:100%;height:36px;border:1px solid var(--line);border-radius:6px;padding:0 10px;color:var(--ink);background:#fdfbfc;font-size:12px}.filter-quick{display:grid;gap:7px}.filter-quick>span{color:#68525b;font-size:11px;font-weight:700}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);padding:6px 11px;font-size:11px;font-weight:700}.filter-chip:hover{background:#f6f1f3}.filter-chip.active{border-color:var(--green);background:var(--green);color:#fff}.filter-panel-actions{display:flex;justify-content:flex-end;gap:8px}.export-button:disabled{opacity:.6;cursor:default}.customer-table-actions{display:flex;align-items:center;justify-content:flex-start;gap:4px}.customer-table-actions .icon-button{color:var(--muted)}.customer-table-actions .icon-button:hover{color:var(--green);background:#edf5f1}.data-table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;min-width:850px;border-collapse:collapse;text-align:left}.data-table th{padding:12px 16px;color:var(--muted);background:#f8fbf9;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.data-table td{padding:15px 16px;border-top:1px solid #edf2f0;color:var(--ink);font-size:12px;vertical-align:middle}.data-table td:first-child strong,.data-table td:first-child span,.data-table td:first-child small{display:block}.data-table td:first-child span,.data-table td:first-child small,.table-muted{color:var(--muted);margin-top:4px;font-size:11px}.table-amount{font-weight:700;white-space:nowrap}.collection-amount{color:var(--green)!important;font-weight:800!important;white-space:nowrap}.withdrawal-amount{color:var(--orange)!important;font-weight:800!important;white-space:nowrap}.orange-text{color:var(--orange)!important}.green-text{color:var(--green)!important}.status-pill,.table-status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;background:#eef5f1;color:var(--green);font-size:10px;font-weight:700;white-space:nowrap}.status-pill.overdue,.table-status.overdue{background:#fff0ed;color:var(--red)}.status-pill.pending,.status-pill.review{background:#fff5e8;color:var(--orange)}.status-pill.approved{background:#eaf2ff;color:#245ea9}.status-pill.completed{background:#edf1f0;color:var(--muted)}.status-pill.rejected{background:#fff0ed;color:var(--red)}.status-pill.reversed{background:#f2edfb;color:#6b4fa8}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;color:var(--muted);font-size:11px}.pagination-button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:7px 10px;font-size:11px}.pagination-button.selected{background:var(--green);color:#fff}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.pagination>div{display:flex;gap:8px}.admin-overlay,.dashboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#102a278c}.admin-modal,.dashboard-modal{width:min(620px,100%);max-height:min(850px,92vh);overflow-y:auto;border-radius:10px;background:#fff;box-shadow:0 25px 80px #0e2e2938}.customer-wide-modal{width:min(900px,100%)}.admin-modal-header,.dashboard-modal-header{display:flex;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line)}.admin-modal-header h2{margin:5px 0 7px;font-size:20px}.customer-form,.dashboard-form{padding:22px 24px}.form-grid,.dashboard-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label,.dashboard-form label{display:grid;gap:7px;color:#68525b;font-size:11px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.dashboard-form input,.dashboard-form select,.dashboard-form textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px 11px;color:var(--ink);background:#fdfbfc;font-size:12px}.form-grid textarea,.dashboard-form textarea{min-height:86px;resize:vertical}.full-field{grid-column:1 / -1}.form-section-heading{display:flex;flex-direction:column;gap:4px;padding:4px 0 0;color:var(--ink);font-size:13px}.form-section-heading span{color:var(--muted);font-size:11px;font-weight:400}.loan-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-left:0;margin-right:0;margin-bottom:0}.admin-form-actions,.dashboard-form-actions,.customer-detail-actions,.loan-detail-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}.form-error{color:var(--red);font-size:12px;margin:0}.form-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.form-grid .form-note{grid-column:1 / -1}.customer-modal-intro{margin:16px 24px 0;color:var(--muted);font-size:12px;line-height:1.5}.customer-profile-summary{display:flex;align-items:center;gap:12px;margin:20px 24px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9}.customer-avatar{width:42px;height:42px;flex:0 0 42px}.customer-profile-summary>div:nth-child(2){flex:1}.customer-profile-summary strong,.customer-profile-summary span{display:block}.customer-profile-summary span{color:var(--muted);font-size:11px;margin-top:4px}.customer-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 24px 22px;background:var(--line);border:1px solid var(--line)}.customer-detail-grid>div{min-width:0;padding:13px;background:#fff}.customer-detail-grid span,.customer-detail-grid strong{display:block}.customer-detail-grid span{color:var(--muted);font-size:10px}.customer-detail-grid strong{margin-top:6px;font-size:12px;overflow-wrap:anywhere}.customer-subsection{margin:0 24px 24px}.customer-section-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.customer-section-heading>span{color:var(--muted);font-size:11px;white-space:nowrap}.customer-service-list,.customer-transaction-list{border-top:1px solid var(--line)}.customer-service-row,.customer-transaction-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #edf2f0}.customer-service-row>div:first-child,.customer-transaction-row>div:first-child{min-width:0;flex:1}.customer-service-row>div:last-child,.customer-transaction-row>div:last-child{flex:0 0 auto;text-align:right}.customer-service-row strong,.customer-service-row span,.customer-transaction-row strong,.customer-transaction-row span,.customer-transaction-row small{display:block}.customer-service-row span,.customer-transaction-row span,.customer-transaction-row small{color:var(--muted);font-size:11px;line-height:1.45;margin-top:4px}.deposit-entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:16px 0;border-bottom:1px solid #edf2f0}.deposit-entry-row:last-child{border-bottom:0}.deposit-entry-main{min-width:0}.deposit-entry-head{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.deposit-entry-head>strong{color:var(--ink);font-size:13px;font-weight:700}.deposit-entry-narration{display:block;margin-top:6px;color:#4f6663;font-size:12px;line-height:1.5}.deposit-entry-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 18px;margin-top:12px}.deposit-entry-meta>div{min-width:0}.deposit-entry-meta em{display:block;color:#93a5a1;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.deposit-entry-meta span{display:block;margin-top:3px;color:#3f5754;font-size:11.5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deposit-entry-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.deposit-entry-side>b{color:var(--green);font-size:16px;font-weight:800;white-space:nowrap}.deposit-entry-side>small{color:var(--muted);font-size:10.5px;white-space:nowrap}.deposit-entry-side.is-debit>b{color:var(--orange)}@media(max-width:560px){.deposit-entry-row{grid-template-columns:1fr;gap:12px}.deposit-entry-side{align-items:flex-start;text-align:left}}.statement-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;margin:16px 24px 0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9}.statement-field{display:grid;gap:6px;min-width:0}.statement-field span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.statement-field input,.statement-field select{width:100%;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:12px}.statement-filter-actions{display:flex;align-items:center;gap:8px}.statement-filter-actions .secondary-button,.statement-filter-actions .primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px}.statement-error{margin:12px 24px 0}.statement-period{margin:14px 24px 0;color:var(--muted);font-size:11px}.statement-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:16px 24px 22px;background:var(--line);border:1px solid var(--line)}.statement-stat{min-width:0;padding:13px;background:#fff}.statement-stat span,.statement-stat strong{display:block}.statement-stat span{color:var(--muted);font-size:10px}.statement-stat strong{margin-top:6px;font-size:15px;overflow-wrap:anywhere}.statement-account-list{border-top:1px solid var(--line)}.statement-account-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #edf2f0}.statement-account-row>div:first-child{min-width:0;flex:1}.statement-account-row>div:last-child{flex:0 0 auto;text-align:right}.statement-account-row strong,.statement-account-row span{display:block}.statement-account-row span{margin-top:4px;color:var(--muted);font-size:11px}.statement-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.statement-table{width:100%;min-width:620px;border-collapse:collapse}.statement-table th,.statement-table td{padding:11px 13px;border-bottom:1px solid #edf2f0;text-align:left;font-size:12px;vertical-align:top}.statement-table th{background:#f4f9f6;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.statement-table tbody tr:last-child td{border-bottom:0}.statement-table td strong,.statement-table td small{display:block}.statement-table td small{margin-top:4px;color:var(--muted);font-size:10.5px}.statement-debit{color:var(--red);white-space:nowrap}.statement-credit{color:var(--green);white-space:nowrap}@media(max-width:900px){.statement-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-filter-actions{grid-column:1 / -1;justify-content:flex-end}.statement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.statement-filter{grid-template-columns:1fr;margin-left:17px;margin-right:17px}.statement-summary{grid-template-columns:1fr}}.loan-outstanding-amount{color:var(--orange)!important;font-weight:800!important;white-space:nowrap}.loan-detail-actions{flex-wrap:wrap}.loan-detail-actions .secondary-button,.loan-detail-actions .primary-button{display:inline-flex;align-items:center;gap:7px}.agent-table{min-width:1080px}.reconciliation-table{min-width:980px}.security-policy-list,.security-role-list{display:grid;gap:0}.security-policy-row,.security-role-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #edf2f0}.security-policy-row:first-child,.security-role-row:first-child{padding-top:0;border-top:0}.security-policy-row strong,.security-policy-row span,.security-policy-row small,.security-role-row strong,.security-role-row span,.security-role-row small{display:block}.security-policy-row span,.security-policy-row small,.security-role-row span,.security-role-row small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}.security-policy-row small,.security-role-row small{color:var(--green)}.security-role-row.security-role-matrix{flex-direction:column;align-items:stretch;gap:10px}.security-role-row .security-role-meta{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.security-role-row .security-role-meta strong{display:inline}.security-role-row .security-role-meta span{display:inline;margin-top:0}.security-role-row .security-role-perms{display:grid;gap:8px}.security-role-row .security-role-count{display:inline-block;margin-top:0;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.02em}.security-role-row .permission-chip-grid{display:flex;flex-wrap:wrap;gap:6px}.security-role-row .permission-chip{display:inline-block;margin-top:0;padding:4px 9px;border:1px solid #d8e6df;border-radius:999px;background:#f4faf6;color:#1f6f4a;font-size:10.5px;font-weight:600;line-height:1.2;white-space:nowrap}.security-toggle{flex:0 0 auto;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);font-size:11px;font-weight:700}.security-toggle.enabled{border-color:#b9d9cc;background:#edf7f1;color:var(--green)}.security-session-table{min-width:760px}.security-session-table td:nth-child(1) strong,.security-session-table td:nth-child(1) span,.security-session-table td:nth-child(2) strong,.security-session-table td:nth-child(2) span{display:block}.security-session-table td span{margin-top:4px;color:var(--muted);font-size:11px}.reconciliation-table td:nth-child(1) strong,.reconciliation-table td:nth-child(1) span,.reconciliation-table td:nth-child(2) strong,.reconciliation-table td:nth-child(2) span,.reconciliation-table td:nth-child(3) strong,.reconciliation-table td:nth-child(3) small,.reconciliation-table td:nth-child(4) strong,.reconciliation-table td:nth-child(4) span,.reconciliation-table td:nth-child(5) strong,.reconciliation-table td:nth-child(5) span{display:block}.reconciliation-table td span,.reconciliation-table td small{color:var(--muted);margin-top:4px;font-size:11px}.recon-date-filter{min-height:38px;border:1px solid var(--line);border-radius:6px;padding:0 9px;color:var(--ink);background:#fff;font-size:12px}.recon-detail-actions{padding:0 24px 20px}.recon-review-form .form-note{grid-column:1 / -1}.agent-table td:nth-child(2) strong,.agent-table td:nth-child(2) span,.agent-table td:nth-child(2) small,.agent-table td:nth-child(3) strong,.agent-table td:nth-child(3) span,.agent-table td:nth-child(6) span,.agent-table td:nth-child(6) small{display:block}.agent-table td:nth-child(2) span,.agent-table td:nth-child(3) span,.agent-table td:nth-child(6) small{color:var(--muted);margin-top:4px;font-size:11px}.agent-table td:nth-child(6) small{color:var(--orange)}.agent-access-state{color:var(--green);font-size:11px;font-weight:700}.agent-assignment-field{min-width:0;padding:0;border:0}.agent-assignment-field legend{margin-bottom:8px;color:#68525b;font-size:11px;font-weight:700}.agent-assignment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:190px;overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fdfbfc}.agent-assignment-option{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;padding:9px;border:1px solid transparent;border-radius:6px;background:#fff;font-weight:400!important}.agent-assignment-option:hover{border-color:var(--line);background:#f6f1f3}.agent-assignment-option input{width:auto!important;margin-top:3px}.agent-assignment-option span,.agent-assignment-option strong,.agent-assignment-option small{display:block}.agent-assignment-option strong{color:var(--ink);font-size:11px}.agent-assignment-option small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.agent-customer-list{border-top:1px solid var(--line)}.agent-customer-list .customer-transaction-row{align-items:center}.admin-toast,.dashboard-toast{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;gap:9px;padding:13px 16px;border-radius:7px;background:#47041f;color:#fff;font-size:12px;box-shadow:0 12px 30px #0e2e2933}.settings-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px;align-items:start}.settings-nav{padding:8px}.settings-nav-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:54px;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);text-align:left}.settings-nav-item:hover,.settings-nav-item.active{background:#edf5f1;color:var(--ink)}.settings-nav-item.active{box-shadow:inset 3px 0 var(--green)}.settings-nav-item span,.settings-nav-item strong,.settings-nav-item small{display:block}.settings-nav-item strong{font-size:12px}.settings-nav-item small{margin-top:4px;color:var(--muted);font-size:10px}.settings-form{padding:20px 22px}.settings-form .panel-heading{align-items:flex-start}.settings-local-state{padding:5px 8px;border-radius:20px;background:#fff5e8;color:var(--orange);font-size:10px;font-weight:700;white-space:nowrap}.settings-toggle-list{display:grid;gap:0}.settings-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #edf2f0}.settings-toggle-row:first-child{padding-top:0;border-top:0}.settings-toggle-row strong,.settings-toggle-row span{display:block}.settings-toggle-row span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}.settings-form-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.settings-activity{margin-top:14px;padding:0 20px}.settings-activity-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #edf2f0;color:var(--ink);font-size:12px}.settings-activity-row strong{flex:1;font-weight:500}.dashboard-page{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric-card{position:relative;min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.metric-icon,.quick-icon,.attention-icon,.mini-avatar,.large-avatar{display:grid;place-items:center;flex:0 0 auto}.metric-icon{width:39px;height:39px;margin-bottom:17px;border-radius:8px}.metric-icon.blue,.quick-icon.blue,.mini-avatar.blue,.attention-icon.blue{background:#eaf2fb;color:#4d83b8}.metric-icon.green,.quick-icon.green,.mini-avatar.green,.attention-icon.green{background:#eaf5ef;color:var(--green)}.metric-icon.purple,.quick-icon.purple,.mini-avatar.purple,.attention-icon.violet{background:#f1edfa;color:#8069b0}.metric-icon.orange,.quick-icon.orange,.mini-avatar.orange,.attention-icon.amber{background:#fff3e5;color:var(--orange)}.attention-icon.red{background:#fff0ed;color:var(--red)}.metric-label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.metric-menu-trigger{display:inline-grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--muted)}.metric-menu-trigger:hover,.more-button:hover{background:#edf5f1;color:var(--green)}.metric-menu,.period-menu{position:absolute;z-index:4;min-width:145px;padding:5px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 12px 30px #0e2e2924}.metric-menu{top:27px;right:0}.metric-menu button,.period-menu button{display:block;width:100%;padding:9px 10px;border:0;border-radius:4px;background:transparent;color:var(--ink);text-align:left;font-size:11px}.metric-menu button:hover,.period-menu button:hover{background:#edf5f1;color:var(--green)}.metric-value{margin:9px 0 8px;color:var(--ink);font:700 26px Space Grotesk,sans-serif}.metric-change{display:flex;align-items:center;gap:8px;font-size:10px}.metric-change span,.chart-summary span{display:inline-flex;align-items:center;gap:3px;color:var(--green);font-weight:700}.metric-change small,.chart-summary small{color:var(--muted);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:12px;margin-bottom:12px}.collection-panel,.pending-panel,.quick-panel,.transactions-panel{min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h2{margin-bottom:5px}.period-control{position:relative}.select-button{min-height:32px;padding:0 9px;font-weight:500}.period-menu{top:38px;right:0}.chart-summary{display:flex;align-items:baseline;gap:9px;margin:26px 0 13px}.chart-summary strong{color:var(--ink);font:700 24px Space Grotesk,sans-serif}.chart-summary small{margin-left:auto}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:11px;height:190px;padding-top:20px}.bar-group{display:flex;flex:1;align-items:center;flex-direction:column;justify-content:flex-end;height:100%;gap:7px;color:var(--muted);font-size:10px}.bar-value{height:15px;color:var(--green);font-size:10px;white-space:nowrap}.bar{width:min(34px,75%);min-height:8px;border-radius:5px 5px 2px 2px;background:#cfe4da}.bar.current{background:var(--green)}.pending-panel .more-button{flex:0 0 auto}.attention-list,.agent-list,.quick-actions{display:grid;gap:0;margin-top:19px}.attention-item,.agent-row,.quick-actions button{display:flex;align-items:center;width:100%;gap:11px;padding:13px 0;border:0;border-top:1px solid #edf2f0;background:transparent;color:var(--ink);text-align:left}.attention-item:hover,.agent-row:hover,.quick-actions button:hover{background:#fdfbfc}.attention-item strong,.attention-item span,.agent-name strong,.agent-name span,.task-menu-list strong,.task-menu-list small,.detail-profile strong,.detail-profile span,.task-banner strong,.task-banner span{display:block}.attention-item strong,.agent-name strong{font-size:12px}.attention-item span,.agent-name span,.task-menu-list small,.detail-profile span,.task-banner span{margin-top:4px;color:var(--muted);font-size:11px}.attention-item>div:nth-child(2),.agent-name,.quick-actions button span{min-width:0;flex:1}.attention-item>svg,.quick-actions button>svg,.agent-row>svg{color:#9aaba6}.attention-icon{width:35px;height:35px;border-radius:7px}.pending-panel>.text-button{margin-top:13px}.lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}.agent-row{gap:12px}.mini-avatar{width:34px;height:34px;border-radius:50%;font-size:10px;font-weight:700}.status{font-size:10px!important}.status.green{color:var(--green)}.status.blue{color:#4d83b8}.status.orange{color:var(--orange)}.status.purple{color:#8069b0}.progress-wrap{width:min(190px,28%)}.progress-label{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px}.progress-label b{color:var(--ink)}.progress-track{height:5px;margin-top:6px;overflow:hidden;border-radius:5px;background:#e8efec}.progress-track i{display:block;height:100%;border-radius:inherit;background:var(--green)}.progress-track i.blue{background:#5b91bf}.progress-track i.orange{background:var(--orange)}.progress-track i.purple{background:#8069b0}.agent-total{min-width:62px;color:var(--ink);font-size:12px;text-align:right}.quick-actions button{padding:13px 0;font-size:12px;font-weight:700}.quick-icon{width:34px;height:34px;border-radius:7px}.transaction-actions{display:flex;align-items:center;gap:14px}.dashboard-search{min-width:170px;padding:7px 9px;border:1px solid var(--line);border-radius:6px}.transactions-panel{margin-bottom:0}.table-wrap{overflow-x:auto;margin:18px -24px -24px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.table-wrap table{width:100%;min-width:700px;border-collapse:collapse;text-align:left}.table-wrap th{padding:11px 20px;color:var(--muted);background:#f8fbf9;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.table-wrap td{padding:14px 20px;border-top:1px solid #edf2f0;color:var(--ink);font-size:12px}.table-wrap tbody tr{cursor:pointer}.table-wrap tbody tr:hover{background:#fdfbfc}.muted-text{color:var(--muted)!important}.amount{color:var(--green)!important;font-weight:700;white-space:nowrap}.dashboard-modal.wide{width:min(720px,100%)}.dashboard-detail{padding:22px 24px}.detail-profile,.transaction-detail-heading,.task-banner{display:flex;align-items:center;gap:13px}.detail-profile{padding-bottom:20px;border-bottom:1px solid var(--line)}.detail-profile strong{font-size:16px}.large-avatar{width:48px;height:48px;border-radius:50%;font-weight:700}.detail-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:20px 0;border:1px solid var(--line);background:var(--line)}.detail-stat-grid>div{padding:13px;background:#fff}.detail-stat-grid span,.detail-stat-grid strong,.detail-list span,.detail-list strong{display:block}.detail-stat-grid span,.detail-list span,.detail-label{color:var(--muted);font-size:10px}.detail-stat-grid strong{margin-top:6px;font-size:12px}.detail-full-button{width:100%}.transaction-detail-heading{justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}.detail-label{display:block;margin-bottom:6px;letter-spacing:.1em;font-weight:700}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;padding:20px 0}.detail-list strong{margin-top:5px;font-size:12px}.task-banner{padding:13px;border-radius:7px;background:#fff5e8;color:var(--orange)}.task-banner>div{min-width:0}.task-banner strong{color:var(--ink)}.detail-copy{color:var(--muted);font-size:12px;line-height:1.6}.task-menu-list{padding:8px 24px 20px}.task-menu-list button{display:flex;align-items:center;width:100%;gap:11px;padding:12px 0;border:0;border-top:1px solid #edf2f0;background:transparent;text-align:left}.task-menu-list button:first-child{border-top:0}.task-menu-list button>span:nth-child(2){flex:1}.metric-detail-value{color:var(--green);font:700 36px Space Grotesk,sans-serif;margin-bottom:13px}.login-page{min-height:100vh;display:grid;place-items:center;align-content:center;gap:26px;padding:32px 20px;background:radial-gradient(900px 500px at 85% -10%,rgba(35,123,101,.14),transparent 60%),radial-gradient(700px 420px at -10% 110%,rgba(197,129,61,.12),transparent 60%),#f7f4f5}.login-brand{display:flex;align-items:center;gap:12px}.login-brand-mark{width:44px;height:44px;border-radius:12px}.login-brand strong{display:block;font:700 20px Space Grotesk,sans-serif;color:var(--ink)}.login-brand span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 18px 44px #173c3814}.login-heading h1{margin:0 0 5px;font:700 23px Space Grotesk,sans-serif;color:var(--ink)}.login-heading p{margin:0 0 22px;font-size:13px;color:var(--muted)}.login-error{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:11px 13px;border-radius:8px;background:#fdf1f0;color:var(--red);font-size:12.5px}.login-form{display:grid;gap:16px}.login-field span{display:block;margin-bottom:7px;font-size:11.5px;font-weight:700;color:var(--ink)}.login-input{display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:#fdfbfc;color:var(--muted);transition:border-color .15s ease,box-shadow .15s ease}.login-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #237b651f}.login-input input{flex:1;min-width:0;padding:12px 0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.login-reveal{display:grid;place-items:center;padding:4px;border:0;background:transparent;color:var(--muted)}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:4px;padding:13px;border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:700;font-size:14px;transition:background .15s ease}.login-submit:hover{background:var(--green-dark)}.login-submit:disabled{opacity:.7;cursor:default}.login-hint{margin:20px 0 0;text-align:center;font-size:11.5px;color:var(--muted)}.spin{animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.sidebar{width:220px;flex-basis:220px}.content{padding:26px 22px 42px}.topbar{padding:0 22px}.top-search{min-width:180px}.customer-detail-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:15;width:270px;transform:translate(-100%);transition:transform .2s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close,.menu-toggle{display:inline-grid}.sidebar-close{margin-left:auto}.mobile-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;border:0;background:#102a2773}.menu-toggle{color:var(--ink)}.topbar{justify-content:flex-start}.topbar-actions{margin-left:auto;gap:8px}.top-search,.profile-copy,.profile>svg{display:none}.summary-strip{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-wrap:wrap}.filter-search{flex-basis:100%}.customer-status-filter{flex:1 1 140px}.report-control-grid,.report-grid{grid-template-columns:1fr}.report-toolbar{flex-wrap:wrap}.report-toolbar .filter-search{flex-basis:100%}}@media(max-width:520px){.content{padding:22px 14px 35px}.page-heading{flex-direction:column}.page-heading .primary-button{width:100%}.summary-strip{gap:8px}.summary-item{padding:13px}.summary-item strong{font-size:17px}.form-grid,.dashboard-form-grid{grid-template-columns:1fr}.admin-modal-header,.customer-form,.dashboard-form{padding-left:17px;padding-right:17px}.customer-modal-intro,.customer-profile-summary,.customer-detail-grid,.customer-subsection{margin-left:17px;margin-right:17px}.customer-profile-summary{align-items:flex-start;flex-wrap:wrap}.customer-profile-summary .status-pill{margin-left:54px}.customer-detail-grid{grid-template-columns:repeat(2,1fr)}.customer-detail-actions,.loan-detail-actions{align-items:stretch;flex-direction:column-reverse;margin-left:17px;margin-right:17px}.customer-detail-actions button,.loan-detail-actions button{width:100%;justify-content:center}.customer-service-row,.customer-transaction-row{flex-direction:column}.customer-service-row>div:last-child,.customer-transaction-row>div:last-child{width:100%;text-align:left}.table-footer{align-items:flex-start;flex-direction:column}.admin-toast,.dashboard-toast{right:14px;bottom:14px;left:14px}.report-controls{padding:13px}.report-card{padding:14px}.report-card-actions{flex-direction:column}.agent-assignment-list{grid-template-columns:1fr}.security-policy-row,.security-role-row{gap:10px}.security-policy-row span,.security-role-row span{max-width:230px}.settings-layout{grid-template-columns:1fr}.settings-nav-item{min-height:48px}.settings-form{padding:17px}.settings-form-footer{align-items:stretch;flex-direction:column}.settings-form-footer .primary-button{width:100%}.settings-activity{padding:0 17px}.settings-activity-row{align-items:flex-start;flex-wrap:wrap}}.sidebar{transition:width .3s ease,flex-basis .3s ease;overflow-x:hidden}.sidebar.collapsed{width:84px;flex:0 0 84px;padding:0 16px 18px}.sidebar.collapsed .brand{flex-direction:column;gap:15px;padding-bottom:27px;justify-content:center;align-items:center}.sidebar.collapsed .brand-text,.sidebar.collapsed .workspace-label,.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:0;min-width:42px;margin:0 auto;width:42px}.sidebar.collapsed .nav-badge,.sidebar.collapsed .sidebar-footer{display:none}.sidebar.collapsed .sidebar-collapse{margin:0}.sidebar-collapse{margin-left:auto;color:var(--muted);display:none}.brand-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brand-text span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(min-width:1024px){.sidebar-collapse{display:inline-grid}}.sidebar.collapsed .nav-item{position:relative;overflow:visible}.sidebar.collapsed .nav-item[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--ink);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #253b3b26;animation:tooltip-fade-in .15s ease-out forwards;opacity:0}.sidebar.collapsed .nav-item[data-tooltip]:hover:before{content:"";position:absolute;left:calc(100% + 2px);top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--ink);pointer-events:none;z-index:1000;animation:tooltip-fade-in .15s ease-out forwards;opacity:0}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.global-search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh;animation:fade-in .2s ease-out}.global-search-modal{background:var(--surface);width:100%;max-width:600px;border-radius:12px;box-shadow:0 16px 40px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;overflow:hidden;animation:slide-down .2s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.global-search-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);gap:12px}.global-search-icon{color:var(--muted)}.global-search-input{flex:1;border:none;background:transparent;font-size:16px;color:var(--ink);outline:none;font-family:inherit}.global-search-input::placeholder{color:var(--muted)}.global-search-results{max-height:60vh;overflow-y:auto;padding:12px 0}.search-section{padding:8px 12px}.search-section-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px}.search-result-item{display:flex;align-items:center;width:100%;padding:12px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--ink);text-align:left;transition:background .15s ease;gap:12px}.search-result-item:hover,.search-result-item:focus{background:#fdf5f8;color:var(--primary);outline:none}.search-result-item:hover .search-result-icon,.search-result-item:focus .search-result-icon{background:#f3d4e0;color:var(--primary)}.search-result-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--line);color:var(--muted);transition:all .15s ease}.search-result-item span{flex:1;font-size:14px;font-weight:500}.search-result-arrow{opacity:0;transition:opacity .15s ease,transform .15s ease;transform:translate(-4px)}.search-result-item:hover .search-result-arrow,.search-result-item:focus .search-result-arrow{opacity:1;transform:translate(0)}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--muted);text-align:center}.search-empty-icon{margin-bottom:16px;opacity:.5}.search-empty strong{color:var(--ink);font-size:16px;margin-bottom:4px}.search-empty p{font-size:13px}.global-search-footer{display:flex;align-items:center;gap:16px;padding:12px 20px;border-top:1px solid var(--line);background:#faf8f9;font-size:11px;color:var(--muted)}.global-search-footer kbd{background:#fff;border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px;box-shadow:0 1px 1px #0000000d;margin:0 2px}
