@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&family=Azeret+Mono:wght@500;700&display=swap";:root{--bg:#07111f;--bg-2:#0b1d34;--bg-3:#102a47;--panel:#061324e6;--panel-strong:#09182c;--panel-dark:#030c1af5;--text:#9fd6ff;--text-strong:#d8f3ff;--muted:#5f93b9;--line:#4b9bff47;--accent:#ff8a2a;--accent-strong:#ff5f1f;--accent-soft:#ff8a2a1f;--accent-alert:#ff6c39;--accent-alert-soft:#ff6c391f;--glow-blue:0 0 0 1px #63c1ff3d, 0 0 22px #1c80ff24;--shadow:0 18px 40px #0006;--heading:"Azeret Mono", "IBM Plex Mono", monospace;--body:"IBM Plex Mono", Consolas, monospace;--mono:"IBM Plex Mono", Consolas, monospace;color:var(--text);font:14px/1.55 var(--body);background:linear-gradient(#6ebeff0d 1px, transparent 1px), linear-gradient(90deg, #6ebeff0d 1px, transparent 1px), radial-gradient(circle at top left, #186eff33, transparent 24%), radial-gradient(circle at 80% 15%, #ff8a2a29, transparent 20%), linear-gradient(180deg, #06101d 0%, var(--bg) 48%, #040b15 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:24px 24px,24px 24px,auto,auto,auto}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;position:relative}body:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff05 0%,#fff0 12%,#00000024 52%,#ffffff05 100%);position:fixed;inset:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}p,h1,h2,h4{margin:0}.page-shell{min-height:100vh;padding:24px}.app{gap:18px;max-width:1240px;margin:0 auto;display:grid}.hero-panel,.loans-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);border-radius:4px;position:relative;overflow:hidden}.hero-panel:before,.loans-panel:before{content:"";pointer-events:none;background:linear-gradient(#4896ff1a,#0000 22%),repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 4px);position:absolute;inset:0}.hero-panel:after,.loans-panel:after{content:"";pointer-events:none;border:1px solid #68b4ff24;position:absolute;inset:10px}.hero-panel{grid-template-columns:minmax(0,1.55fr) minmax(240px,.85fr);gap:18px;padding:24px;display:grid}.hero-copy{z-index:1;position:relative}.eyebrow,.section-kicker,.stat-label,.section-pill{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.eyebrow,.section-kicker,.stat-label{color:var(--accent);text-shadow:0 0 12px #ff8a2a4d}h1,h2{color:var(--text-strong);font-family:var(--heading);text-transform:uppercase}h1{letter-spacing:.04em;text-shadow:0 0 24px #49a0ff2e;max-width:none;margin-top:12px;font-size:clamp(2rem,5vw,3.3rem);line-height:1}.subtitle{max-width:42ch;color:var(--muted);margin-top:14px;font-size:.92rem}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.toolbar button{color:#ffd9b7;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(#ff8a2a2e,#ff5f1f38);border:1px solid #ff8a2a57;border-radius:3px;min-height:44px;padding:0 16px;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:inset 0 0 0 1px #ffb97c14,0 0 24px #ff5f1f1f}.toolbar button:hover,.bulk-pay-button:hover,.payment-button:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffb97c14,0 0 28px #ff5f1f3d}.button-secondary{color:var(--text)!important;box-shadow:none!important;background:#194e843d!important;border-color:#55aaff47!important}.hero-stats{z-index:1;align-content:end;gap:12px;display:grid;position:relative}.stat-card{border:1px solid var(--line);box-shadow:var(--glow-blue);background:#0c1b31b8;border-radius:3px;padding:16px}.stat-card-primary{color:#d7ecff;background:linear-gradient(#051325f5,#0a2543eb)}.stat-card-primary .stat-label,.stat-card-primary .stat-value{color:inherit}.stat-value{color:var(--text-strong);margin-top:10px;font-size:.95rem;line-height:1.35}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.loans-panel{padding:20px}.loans-panel-muted{background:linear-gradient(#09182ceb,#0b1523f5)}.section-heading{z-index:1;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;display:flex;position:relative}h2{letter-spacing:.05em;margin-top:4px;font-size:1.2rem;line-height:1}.section-pill{min-height:28px;color:var(--text-strong);background:#112744c7;border:1px solid #52a0ff42;border-radius:2px;align-items:center;padding:0 10px;display:inline-flex}.section-pill-alert{color:var(--accent-alert);background:var(--accent-alert-soft);border-color:#ff6c393d}.bulk-pay-button{z-index:1;color:#ffd9b7;background:linear-gradient(#ff8a2a29,#ff5f1f3d),linear-gradient(90deg,#ffffff05,#0000);border:1px solid #ff8a2a61;border-radius:2px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:14px;padding:14px 16px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffb97c0f,0 0 26px #ff5f1f1f}.bulk-pay-button span{letter-spacing:.14em;text-transform:uppercase;font-size:.88rem;font-weight:600}.bulk-pay-button h4{font-family:var(--mono);color:#ffe2c6;font-size:1rem;font-weight:700}.loans-output{z-index:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid;position:relative}.loan{background:var(--panel-strong);min-height:200px;box-shadow:var(--glow-blue);border:1px solid #4b9bff38;border-radius:2px;gap:14px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.loan:hover{border-color:#ff8a2a57;transform:translateY(-3px);box-shadow:0 0 0 1px #ff8a2a38,0 0 24px #ff5f1f1a}.loan-header{justify-content:space-between;align-items:start;gap:10px;display:flex}.loan-id{color:var(--text-strong);font-family:var(--heading);letter-spacing:.06em;font-size:.96rem;font-weight:700}.loan-badge{letter-spacing:.14em;text-transform:uppercase;border:1px solid;border-radius:2px;align-items:center;min-height:24px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.loan-badge-live{color:#6bcbff;background:#278cff1a}.loan-badge-alert{color:var(--accent-alert);background:var(--accent-alert-soft)}.loan-body{gap:10px;display:grid}.loan-row{border-bottom:1px dashed #68b4ff29;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.loan-row:last-of-type{border-bottom:0;padding-bottom:0}.loan-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.loan-row strong{color:var(--text-strong);font-family:var(--mono);text-align:right;font-size:.88rem}.payment-button,.approve-button{color:#ffd9b7;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(#ff8a2a29,#ff5f1f33);border:1px solid #ff8a2a57;border-radius:2px;min-height:40px;margin-top:2px;transition:transform .18s,box-shadow .18s}.empty-state{text-align:center;background:#0a1b2f8f;border:1px dashed #68b4ff33;border-radius:2px;place-content:center;gap:8px;min-height:200px;padding:20px;display:grid}.empty-state p{color:var(--text-strong);font-family:var(--heading);text-transform:uppercase;letter-spacing:.08em;font-size:.92rem;font-weight:700}.empty-state span{color:var(--muted);font-size:.82rem}.empty-state-alert{background:#2c100d5c;border-color:#ff6c3933}@media (width<=980px){.page-shell{padding:16px}.hero-panel{grid-template-columns:1fr;padding:18px}.portfolio-grid{grid-template-columns:1fr}h1{font-size:clamp(1.8rem,8vw,2.8rem)}}@media (width<=640px){.toolbar{flex-direction:column;align-items:stretch}.toolbar button{width:100%}.section-heading{flex-direction:column;align-items:start}.loans-panel{padding:16px}.loan-row{flex-direction:column;align-items:start}.loan-row strong{text-align:left}}