@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--n9: #081b33;--n8: #0e2644;--n7: #143458;--n6: #1a4270;--n5: #225592;--n4: #3e73b5;--n3: #82a9d3;--n1: #dce8f4;--n0: #eef4fb;--ink: #0d1829;--s7: #374454;--s5: #63748a;--s3: #9daab7;--line: #e2e8ef;--line2: #eef1f7;--card: #fff;--bg: #f3f5f9;--bg2: #eaeef5;--green: #1a7a50;--gbg: #e5f3ec;--red: #b3261e;--rbg: #fbeae8;--amber: #9a6a09;--abg: #fbf1db;--gold: #b08530;--r: 10px;--r2: 7px;--sh0: 0 1px 2px rgba(12,26,50,.06), 0 1px 1px rgba(12,26,50,.04);--sh1: 0 4px 16px rgba(12,26,50,.08), 0 1px 3px rgba(12,26,50,.06);--sh2: 0 18px 50px rgba(8,27,51,.22);--sans: "IBM Plex Sans", system-ui, sans-serif;--serif: "IBM Plex Serif", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.serif{font-family:var(--serif)}.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.shell-body{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.shell-content{flex:1;min-width:0;overflow-y:auto;padding:24px 28px}.sidebar-backdrop{display:none}.sidebar{background:var(--n8);color:#c8d8ea;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid var(--n9)}.brand{display:flex;align-items:center;gap:11px;padding:20px 20px 17px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:34px;height:34px;flex:none;display:grid;place-items:center;background:linear-gradient(150deg,var(--n5),var(--n7));border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;font-family:var(--serif);font-weight:700;font-size:19px}.brand-name{font-weight:700;color:#fff;font-size:14px;line-height:1.1}.brand-sub{font-size:10.5px;color:var(--n3);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.nav{padding:12px;flex:1;overflow-y:auto}.nav-lbl{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#6d89aa;padding:14px 10px 7px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:7px;color:#bed0e5;font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:var(--n6);color:#fff}.nav-item svg{width:17px;height:17px;flex:none;opacity:.85}.nav-item.active svg{opacity:1}.nav-count{margin-left:auto;background:var(--gold);color:#1a1100;font-size:11px;font-weight:700;min-width:19px;height:19px;padding:0 5px;border-radius:10px;display:grid;place-items:center;font-family:var(--mono)}.nav-item.active .nav-count{background:#fff;color:var(--n7)}.sidebar-foot{padding:14px;border-top:1px solid rgba(255,255,255,.07);font-size:11.5px;color:#6b89ab;line-height:1.5}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:62px;flex:none;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:16px;position:sticky;top:0;z-index:20}.topbar h1{font-size:17px;font-weight:600;margin:0;letter-spacing:-.015em}.topbar .crumb{font-size:12.5px;color:var(--s5);margin-top:2px}.topbar-spacer{flex:1}.who{display:flex;align-items:center;gap:10px}.who-nm{font-size:13px;font-weight:600;line-height:1.15;text-align:right}.who-rl{font-size:11px;color:var(--s5);text-align:right}.mobile-menu-btn{display:none;width:38px;height:38px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;flex:none}.mobile-menu-btn span{display:block;height:2px;margin:4px 0;border-radius:2px;background:var(--n7)}.content{padding:24px 28px 60px;max-width:1200px;width:100%}.ph{margin-bottom:20px}.ph h2{font-size:22px;font-weight:600;margin:0 0 4px;letter-spacing:-.015em}.ph p{margin:0;color:var(--s5);font-size:13.5px}.ph-actions{display:flex;gap:10px;flex-shrink:0}.av{border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:600;letter-spacing:.02em}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh0)}.cp{padding:20px 22px}.card-hd{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line2)}.card-hd h3{margin:0;font-size:14.5px;font-weight:600;letter-spacing:-.01em}.card-hd .sub{font-size:12px;color:var(--s5);margin-top:2px}.stat-row{display:grid;gap:16px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:17px 19px;box-shadow:var(--sh0)}.stat .lbl{font-size:11.5px;color:var(--s5);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat .val{font-family:var(--serif);font-size:27px;font-weight:600;margin-top:8px;letter-spacing:-.01em}.stat .meta{font-size:12px;color:var(--s5);margin-top:6px}.stat.accent{background:linear-gradient(160deg,var(--n7),var(--n8));border-color:var(--n7)}.stat.accent .lbl,.stat.accent .meta{color:var(--n3)}.stat.accent .val{color:#fff}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:20px;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%}.badge.green{background:var(--gbg);color:var(--green)}.badge.green .dot{background:var(--green)}.badge.red{background:var(--rbg);color:var(--red)}.badge.red .dot{background:var(--red)}.badge.amber{background:var(--abg);color:var(--amber)}.badge.amber .dot{background:var(--amber)}.badge.blue{background:var(--n0);color:var(--n6)}.badge.blue .dot{background:var(--n5)}.badge.gray{background:var(--bg2);color:var(--s7)}.badge.gray .dot{background:var(--s5)}.mid-id{font-family:var(--mono);font-size:11.5px;background:var(--bg2);color:var(--s7);padding:2px 7px;border-radius:5px}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--s5);font-weight:600;padding:11px 16px;border-bottom:1px solid var(--line);background:#fafbfd;white-space:nowrap}.tbl th.r,.tbl td.r{text-align:right}.tbl td{padding:13px 16px;border-bottom:1px solid var(--line2);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr.row{display:table-row;cursor:pointer;transition:background .1s}.tbl tbody tr.row:hover{background:var(--n0)}.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cell-who{display:flex;align-items:center;gap:11px}.cell-who .nm{font-weight:600;font-size:13.5px}.cell-who .mb{font-size:11.5px;color:var(--s5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-size:13px;font-weight:600;padding:9px 16px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .12s;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:15px;height:15px;flex:none}.btn-p{background:var(--n7);color:#fff}.btn-p:hover:not(:disabled){background:var(--n6)}.btn-g{background:#fff;color:var(--n7);border-color:var(--line)}.btn-g:hover:not(:disabled){background:var(--n0);border-color:var(--n1)}.btn-ok{background:var(--green);color:#fff}.btn-ok:hover:not(:disabled){background:#155e3d}.btn-dn{background:#fff;color:var(--red);border-color:#f0ccca}.btn-dn:hover:not(:disabled){background:var(--rbg)}.btn-sm{padding:6px 12px;font-size:12px}.btn-block{width:100%}.field{margin-bottom:15px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--s7);margin-bottom:6px}.field .hint{font-size:11.5px;color:var(--s5);margin-top:5px}.inp,.sel{width:100%;font-family:var(--sans);font-size:14px;color:var(--ink);padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;background:#fff;outline:none;transition:border .12s}.inp:focus,.sel:focus{border-color:var(--n5)}.inp.mono{font-family:var(--mono)}.inp:disabled,.sel:disabled{background:var(--bg);color:var(--s5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#081b338c;display:grid;place-items:center;padding:24px}.modal-panel{background:#fff;border-radius:12px;width:100%;box-shadow:0 24px 60px #081b3347;border:1px solid #e2e8ef;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;gap:14px;padding:17px 22px;border-bottom:1px solid #eef1f7;flex-shrink:0}.modal-body{padding:22px;overflow-y:auto;flex:1;min-width:0}.modal-footer{padding:14px 22px;border-top:1px solid #eef1f7;display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}.divider{border:none;border-top:1px solid var(--line2);margin:18px 0}.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 900px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.g2,.g3,.g4,.app{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.text-s5{color:var(--s5)}.text-sm{font-size:12.5px}.fw6{font-weight:600}.empty{text-align:center;padding:40px 20px;color:var(--s5);font-size:13.5px}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-left{background:linear-gradient(160deg,var(--n7) 0%,var(--n9) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:44px 48px;position:relative;overflow:hidden}.login-right{display:flex;align-items:center;justify-content:center;padding:40px 48px;background:#fff;overflow-y:auto}@media (max-width: 700px){.login-wrap{grid-template-columns:1fr}.login-left{display:none}.login-right{padding:28px 24px;align-items:flex-start}}@media (max-width: 768px){.app-shell{min-height:100vh;height:100dvh}.sidebar{position:fixed;z-index:60;left:0;top:0;width:min(84vw,290px)!important;height:100dvh;transform:translate(-105%);transition:transform .2s ease;box-shadow:var(--sh2)}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open .brand>div:not(.brand-mark),.sidebar.mobile-open .nav-lbl,.sidebar.mobile-open .nav-item,.sidebar.mobile-open .sidebar-foot{display:flex}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;border:0;background:#081b337a}.sidebar-backdrop.visible,.mobile-menu-btn{display:block}.topbar{height:60px;padding:0 14px;gap:10px}.topbar h1{font-size:15px}.topbar .crumb,.who-rl{display:none}.who{gap:6px;min-width:0}.who-nm{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.topbar .btn{margin-left:0!important;padding:8px 10px}.signout-label{display:none}.shell-content,.content{padding:18px 14px 44px}.ph{margin-bottom:16px}.ph .row-between{align-items:flex-start;flex-wrap:wrap}.ph h2{font-size:20px}.ph-actions{width:100%;flex-wrap:wrap}.ph-actions>.btn,.ph-actions>div{max-width:100%}.cp{padding:16px}.card-hd{padding:13px 14px;flex-wrap:wrap}.tbl th{padding:10px 12px}.tbl td{padding:11px 12px}.tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.tab-btn{flex:none}.modal-backdrop{padding:10px;place-items:end center}.modal-panel{max-width:none!important;max-height:calc(100dvh - 20px);border-radius:14px}.modal-header{padding:15px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px;flex-wrap:wrap}.modal-footer>div{width:100%;flex-wrap:wrap}.modal-footer .btn{flex:1 1 auto}.shell-content [style*=grid-template-columns]{grid-template-columns:1fr!important}.shell-content [style*="min-width: 300px"]{min-width:0!important}.shell-content [style*="display: flex"]{max-width:100%}.active-loan-card{flex-wrap:wrap;gap:16px!important}.active-loan-card>:first-child{flex-basis:100%}.active-loan-card>div:not(:first-child){flex:1 1 100px}.active-loan-card>.btn{flex:1 1 100%}.loan-guarantor-row{align-items:flex-start;gap:6px;flex-direction:column}.loan-guarantor-row>span:last-child{overflow-wrap:anywhere}.guarantor-request-head{align-items:flex-start!important}.guarantor-request-head>div:first-child{flex-basis:calc(100% - 110px)}.guarantor-request-head>.btn{flex:1 1 100%}.guarantor-request-detail{padding:12px 14px 16px!important}.mobile-stack-actions{flex-wrap:wrap}.mobile-stack-actions>.btn{flex:1 1 140px!important}input,select,textarea{font-size:16px!important}}@media (max-width: 420px){.who-nm{display:none}.topbar{gap:8px}.topbar>div:nth-of-type(1){min-width:0}.ph-actions .btn{flex:1 1 100%}.btn{padding-left:12px;padding-right:12px}}.tabs{display:flex;gap:2px;margin-bottom:18px;flex-wrap:wrap}.tab-btn{border:1px solid var(--line);cursor:pointer;font-family:var(--sans);font-weight:600;font-size:13px;padding:8px 16px;border-radius:8px;background:#fff;color:var(--s5);transition:all .12s}.tab-btn.active{background:var(--n7);color:#fff;border-color:var(--n7)}.tab-count{background:var(--bg2);border-radius:10px;padding:1px 7px;margin-left:4px;font-size:11px}.tab-btn.active .tab-count{background:#ffffff38}.progress-bar{height:10px;border-radius:10px;background:var(--line);overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:10px;transition:width .4s}