:root{--navy:#071a33;--ink:#14213d;--muted:#718096;--line:#e7edf4;--paper:#fff;--mint:#55d5b1;--blue:#3075f5}*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:var(--ink);font:14px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}aside{position:fixed;width:250px;inset:0 auto 0 0;background:var(--navy);color:#d4e2f7;padding:29px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font-size:20px;font-weight:750;color:white;padding:0 11px 35px}.brand i{background:var(--mint);color:#063329;border-radius:9px;font-style:normal;width:31px;height:31px;text-align:center;padding-top:4px}.brand small{display:block;font-size:8px;letter-spacing:1.3px;color:#8298b7;margin-top:3px}aside nav{display:grid;gap:6px}nav a{color:#aabbd4;text-decoration:none;padding:12px;border-radius:9px;font-weight:600}nav a.active,nav a:hover{background:#173456;color:white}.profile{border-top:1px solid #20405f;margin-top:auto;padding:17px 11px;color:white}.profile small,.muted{color:var(--muted)}main{max-width:1440px;margin-left:250px;padding:48px clamp(22px,5vw,72px)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}h1{font-size:30px;margin:5px 0}h2{font-size:19px;margin:5px 0 0}.eyebrow{font-size:10px;font-weight:800;color:#718096;letter-spacing:1.2px;margin:0}.primary{background:var(--blue);color:white;border:0;border-radius:9px;padding:12px 17px;font-weight:700;cursor:pointer}.spotlight{background:linear-gradient(112deg,#09305b,#0e5781);color:#fff;border-radius:18px;padding:30px 34px;display:flex;justify-content:space-between;box-shadow:0 13px 26px #17396927}.spotlight .eyebrow{color:#a5d1e7}.spotlight h2{font-size:35px}.spotlight p{margin:5px 0}.payroll{width:245px;border-left:1px solid #ffffff30;padding-left:28px;display:grid;gap:6px}.payroll strong{font-size:22px}.payroll span{color:#b8d8e8}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.stat-grid article,.panel{background:var(--paper);border:1px solid var(--line);border-radius:15px}.stat-grid article{padding:20px}.stat-grid span{color:var(--muted)}.stat-grid b{font-size:25px;display:block;margin:11px 0 4px}.stat-grid small{color:#7d95a5}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center}.pill{background:#ddf9f0;color:#168469;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:bold}.bar{height:10px;background:#ecf0f5;border-radius:10px;margin:28px 0 17px;overflow:hidden}.bar i{display:block;background:var(--mint);height:100%;width:0;border-radius:10px}.amounts,.health{display:flex;justify-content:space-between;color:var(--muted)}.amounts b,.health b{display:block;color:var(--ink);margin-top:5px}.health{margin-top:30px;gap:8px}.borrowers{margin-top:19px}.borrowers input{border:1px solid var(--line);border-radius:8px;padding:10px;width:210px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:19px;min-width:760px}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:1px;padding:10px 8px;border-bottom:1px solid var(--line)}th:first-child{position:sticky;left:0;background:var(--paper);z-index:1}td{padding:14px 8px;border-bottom:1px solid #eef2f6}td:first-child{position:sticky;left:0;background:var(--paper);z-index:1;box-shadow:inset -1px 0 var(--line)}.name{font-weight:700}.avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e4edff;color:#3264c6;margin-right:9px}.badge{font-size:11px;font-weight:700;padding:5px 8px;border-radius:99px;background:#e4f8ef;color:#17825d}.badge.Paid{background:#e3edff;color:#2860bf}.badge.Overdue{background:#fff0ed;color:#cd503d}.quick{border:1px solid #dce4ef;background:white;border-radius:7px;padding:6px 9px;cursor:pointer}dialog{border:0;border-radius:15px;padding:0;max-width:440px;width:calc(100% - 32px);box-shadow:0 20px 70px #001b3c55}dialog::backdrop{background:#03162bcc}form{padding:27px;position:relative}label{display:block;font-weight:700;margin-top:15px}input,select{width:100%;margin-top:6px;padding:10px;border:1px solid #dbe3ec;border-radius:8px;background:white}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-row label{min-width:0}.close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:25px;cursor:pointer}.mobile-nav{display:none}.app-loading{position:fixed;inset:0;z-index:100;background:#071a33;color:white;display:grid;place-items:center;text-align:center;transition:opacity .25s,visibility .25s}.app-loading.done{opacity:0;visibility:hidden}.loading-mark{display:grid;place-items:center;margin:auto;background:var(--mint);color:#063329;border-radius:14px;width:52px;height:52px;font-size:26px;font-weight:800}.app-loading h1{font-size:22px;margin:16px 0 5px}.app-loading p{color:#aabbd4;margin:0}.loading-bar{display:block;width:180px;height:4px;margin:22px auto;background:#27486d;border-radius:9px;overflow:hidden}.loading-bar:after{content:"";display:block;width:42%;height:100%;border-radius:9px;background:var(--mint);animation:loading 1s infinite ease-in-out}@keyframes loading{from{transform:translateX(-110%)}to{transform:translateX(250%)}}@media(max-width:900px){aside{width:66px;padding:24px 8px}.brand span,aside nav a:not(.active)::first-letter,.profile{font-size:0}.brand{padding:0 10px 30px}.brand span{display:none}aside nav a{font-size:0;text-align:center}aside nav a:first-letter{font-size:17px}main{margin-left:66px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:630px){main{margin:0;padding:25px 15px 120px}aside{display:none}header{align-items:flex-start}h1{font-size:23px}.spotlight{padding:22px;display:block}.payroll{border:0;border-top:1px solid #ffffff30;padding:18px 0 0;margin-top:18px;width:auto}.two-col{grid-template-columns:1fr}.stat-grid{gap:9px}.stat-grid article{padding:14px}.stat-grid b{font-size:20px}.borrowers{padding:15px}.panel-head{align-items:flex-start;gap:10px}.borrowers input{width:145px}.mobile-nav{position:fixed;z-index:20;inset:auto 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));grid-auto-flow:row;gap:4px;background:#071a33;border-top:1px solid #244361;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.mobile-nav a{display:grid;gap:3px;place-items:center;padding:8px 3px;color:#aabbd4;border-radius:8px;font-size:9px;line-height:1.05;min-width:0}.mobile-nav a span{font-size:17px}.mobile-nav a.active{background:#173456;color:white}.mobile-nav a:not(.active){opacity:.95}}