:root{color-scheme:dark;--green:#78e8ec;--muted:#a6b5d0;--line:#b0c7ff24;--bg:#080e20;--red:#ff99a8}
body{color:#f1f5ff;background:#080e20;background-image:radial-gradient(ellipse at 9% 8%,#0e67764a,transparent 40%),radial-gradient(ellipse at 95% 35%,#7026af40,transparent 42%),radial-gradient(ellipse at 45% 95%,#144a9a35,transparent 45%);background-attachment:fixed;min-height:100vh}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(125deg,#74f9ef06,transparent 35%,#f1a4ff05);z-index:-1}
aside{background:linear-gradient(165deg,#182a41c9,#0c1025e8);backdrop-filter:blur(28px);border-color:#a8ccff22;box-shadow:12px 0 60px #0002}.brand{color:#f4f8ff}.brand span{background:linear-gradient(135deg,#39dce4,#7885ff 65%,#c180fb);color:#071b32;box-shadow:0 0 28px #40d9ed35}.aside-caption{color:#83a1c3}.aside-footer{color:#bbcee8}nav a{color:#aabbd7;transition:background .2s,color .2s,box-shadow .2s}nav a.active{color:#b6fbff;background:linear-gradient(110deg,#34c7db24,#8772ef26);border:1px solid #6ce9ed40;box-shadow:inset 0 1px #d8ffff22,0 5px 25px #0002}nav a:hover{background:#8297cc18}nav b{color:#75e3ee}.eyebrow{color:#8daecf}h1{letter-spacing:-1px;color:#f4f7ff}h2{color:#f0f6ff}p{color:#adbbd4}small{color:#a9b9d5}.month{background:#8fa6db12;border-color:#b5ceff35;box-shadow:inset 0 1px #fff1;backdrop-filter:blur(12px)}.month input{color:#dfedff}.pill{background:#40d8d018;border:1px solid #73eee53b;color:#8df7e5}.stats{gap:17px}.stat{position:relative;overflow:hidden;border-color:#a2bafa38;background:linear-gradient(135deg,#244965c9,#18304ca6);box-shadow:inset 0 1px #edffff25,0 12px 35px #0002;border-radius:21px;backdrop-filter:blur(20px)}.stat:after{content:'';position:absolute;width:110px;height:110px;right:-30px;top:-35px;background:#6cffff1b;border-radius:50%;filter:blur(13px);pointer-events:none}.stat:nth-child(2){background:linear-gradient(130deg,#593f7399,#332454c9);border-color:#c69dff42}.stat:nth-child(3){background:linear-gradient(130deg,#255f62b8,#1744528c);border-color:#69ead744}.stat.highlight{background:linear-gradient(125deg,#5369d5,#874fd0 65%,#a54d9c);border-color:#b4bcff75;box-shadow:inset 0 1px #fff6,0 10px 36px #7854ed38}.stat .label{color:#c4d5ee}.stat strong{color:#effaff;letter-spacing:-1px}.stat:nth-child(2) strong{color:#e4c6ff}.stat:nth-child(3) strong{color:#a0ffdf}.stat.highlight .label,.stat.highlight small{color:#e3e8ff}.stat.highlight strong{color:white}.card{background:linear-gradient(140deg,#8baad21c,#4d5c9c16);border:1px solid #b6d1ff30;border-radius:23px;box-shadow:inset 0 1px #dceaff24,0 16px 45px #0002;backdrop-filter:blur(24px)}.card-head{gap:10px}.safety{background:radial-gradient(ellipse at 100% 0,#ff507b24,transparent 65%),linear-gradient(135deg,#58294470,#2f233b96);border-color:#ff839954;box-shadow:inset 0 1px #ffc6d32c,0 10px 40px #ff42670b}.safety h2,.safety .big{color:#ffb0ba}.eyebrow.red{color:#ff879d}.safety .notice{background:#ff8fa914;border:1px solid #ffacbd22;color:#e4bfcd}.progress{background:#e1c8ee18;height:10px;box-shadow:inset 0 1px 4px #0003}.progress span{background:linear-gradient(90deg,#ff607e,#ffa3af);box-shadow:0 0 15px #ff71927a}.safety-details div{border-color:#d3b4df25;color:#b9b9d2}.safety-details b{color:#edf1ff}.spread{color:#b3c2da}.primary{background:linear-gradient(115deg,#59e8e3,#7297ff 75%,#a58afa);color:#07192f;box-shadow:inset 0 1px #fff8,0 5px 22px #40dbea24;border:1px solid #8bf2f47a}.primary:hover{filter:brightness(1.12)}.secondary{background:linear-gradient(125deg,#9edcff1c,#b28df124);border:1px solid #acc7ff3d;color:#e1eaff;box-shadow:inset 0 1px #e3f7ff20}.secondary:hover{background:#a3b7ff2b}.text-btn{color:#85e8f2}.row{border-color:#c9dbff17}.row .glyph{background:linear-gradient(135deg,#43dcd521,#8974eb2b);border:1px solid #b0e4ff25;color:#8ff2eb;box-shadow:inset 0 1px #fff1}.row strong{color:#e8efff}.amount{color:#e2edff}.icon{color:#a9c3e7}.icon:hover{color:#b0faff;background:#7de4f221}.chart{border-color:#b7c7ff30}.bar{background:linear-gradient(0deg,#4553b8,#82b4ff);box-shadow:0 0 15px #5ca3ff1c}.bar-wrap:nth-child(2) .bar{background:linear-gradient(0deg,#6040ad,#ba95f7)}.bar-wrap:nth-child(3) .bar{background:linear-gradient(0deg,#2f6ca9,#6acddd)}.bar-wrap:nth-child(4) .bar{background:linear-gradient(0deg,#6859c4,#9b9eff)}.bar-wrap:last-child .bar{background:linear-gradient(0deg,#5288cf,#71f2e5);box-shadow:0 0 22px #70f5ed35}.bar-wrap{color:#afc3df}.bar-wrap b{color:#d9e7ff}.notice{background:#5fafd918;color:#bdd8f0;border:1px solid #91cde51f}.empty{color:#9db5d7}.empty-icon{color:#91dafa;text-shadow:0 0 25px #60c7ff80}.empty h3{color:#d9e7ff}.goal .progress span{background:linear-gradient(90deg,#6be7de,#8c8bfa,#d48deb)}.link{color:#8eebf1}footer{color:#8499b9}dialog{color:#edf5ff;background:linear-gradient(145deg,#203852f5,#24203df7);border:1px solid #a1c7ff50;box-shadow:inset 0 1px #fff3,0 25px 100px #0008;backdrop-filter:blur(30px)}dialog::backdrop{background:#030817b3;backdrop-filter:blur(8px)}#fields label{color:#ccd9ee}#fields input,#fields select,#fields textarea{background:#07132780;border-color:#97b5e33b;color:#f1f7ff;outline:none}#fields input:focus,#fields select:focus,#fields textarea:focus{border-color:#79e4ed;box-shadow:0 0 0 3px #64dce416}#fields input[type=checkbox]{accent-color:#63dfdf}button:focus-visible,a:focus-visible{outline:2px solid #8beefa;outline-offset:4px}.big[style]{color:#a2eee9!important}.goal .spread b{color:#ede5ff}
@media(max-width:700px){aside{background:linear-gradient(135deg,#1a3249ed,#251d42ed);border-top:1px solid #a8d7fb45;box-shadow:0 -8px 35px #0004;backdrop-filter:blur(24px);padding:9px 6px max(10px,env(safe-area-inset-bottom))}nav a{border:1px solid transparent;min-height:52px}nav a.active{border-color:#7cdeed48;background:linear-gradient(120deg,#5ae0ed20,#b180f62c);box-shadow:inset 0 1px #fff2,0 0 20px #4b97d118}nav b{color:#a3c7ff}nav a.active b{color:#9cf4f1;text-shadow:0 0 15px #65f2e6a0}main{padding-bottom:115px}.stat{border-radius:19px}.card{border-radius:23px}.welcome .pill{max-width:110px;text-align:center;line-height:1.5}.month{border-radius:13px}.stat strong{font-size:24px}.card .big{font-size:29px}.card .big small{font-size:11px}.safety-details b{font-size:16px}.bar-wrap b{font-size:8px}.bar-wrap span{font-size:9px}}
@media(prefers-reduced-transparency:reduce){.card,.stat,aside,dialog{backdrop-filter:none;background-color:#16243b}}
.loan-status.late{background:#ff6a8c20;border-color:#ff8eab66;color:#ffb5c7}.loan-status.paid{background:#3bdfae18;border-color:#7df3cd55;color:#8cf5cc}.loan-card.late{border-color:#ff829850}.loan-card .progress span{background:linear-gradient(90deg,#7a7eff,#5de5dd)}.loan-card.paid .progress span{background:linear-gradient(90deg,#3fb7a0,#81efbf)}.loan-card .big{color:#a9f3ed}.loan-card.late .big{color:#ffb0c0}
.loan-details{border-top:1px solid #bbd4ff25;padding-top:16px}.loan-details summary{cursor:pointer;color:#8aeaf0;font-size:13px;min-height:35px}.loan-item{padding:18px 0;border-bottom:1px solid #bbd4ff20}.loan-item:last-child{border-bottom:0}.loan-item p{font-size:12px;margin:10px 0}.loan-item>small{display:block;margin-top:8px}
.projection-card{position:relative;overflow:hidden;padding:32px;background:radial-gradient(ellipse at 95% 0,#c668ff2e,transparent 65%),linear-gradient(125deg,#344fa344,#51316d4f);border-color:#c496ff72;box-shadow:inset 0 1px #eedbff40,0 12px 45px #9366ff19}.projection-card:before{content:'';position:absolute;top:0;left:28px;right:28px;height:3px;background:linear-gradient(90deg,#69eff0,#ac8cff,#ff83b9);border-radius:0 0 8px 8px}.projection-card .card-head{align-items:flex-start}.projection-card .card-head h2{font-size:28px;line-height:1.25;letter-spacing:-.6px;color:#e7c4ff;max-width:490px}.projection-card .big[style]{color:#b6f9ff!important;font-size:43px;text-shadow:0 0 28px #7dc8ff26}.total-row{align-items:center;border:1px solid #b39bff45;background:linear-gradient(110deg,#9670ff20,#d77dff12);border-radius:13px;padding:17px 18px!important;color:#e0c5ff!important}.total-row b:first-child{font-size:15px;letter-spacing:.3px}.total-row b:last-child{font:800 25px Manrope,sans-serif;color:#e9c0ff;letter-spacing:-.5px}.stat strong{font-size:31px}.stat:nth-child(2) strong{color:#ff9fc2}.stat:nth-child(3) strong{color:#89efff}.stat.highlight strong{color:#fff0ff}.allocation-card .row:nth-of-type(2) .amount{color:#bea4ff}.allocation-card .row:nth-of-type(3) .amount{color:#ff94b4}.allocation-card .row:nth-of-type(4) .amount{color:#83edf5}.allocation-card .row:nth-of-type(5) .amount{color:#f2a3ff}.allocation-card .amount{font-size:18px}.allocation-card .dot{width:10px;height:10px;box-shadow:0 0 12px currentColor}.allocation-card>div:last-child{height:16px!important;box-shadow:0 0 20px #a483ff18}.loan-card .spread b{color:#d8b6ff;font-size:16px}
@media(max-width:700px){.projection-card{padding:28px 20px}.projection-card .card-head h2{font-size:25px;max-width:250px}.projection-card .big[style]{font-size:35px!important}.stat strong{font-size:26px}.total-row{padding:16px 14px!important}.total-row b:last-child{font-size:23px}.allocation-card .amount{font-size:16px}}
@media(max-width:700px){nav a{font-size:9px;min-width:0}nav b{font-size:19px}.loan-card .toolbar button{width:100%}}

.install-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#6fe8ed66;background:linear-gradient(115deg,#26647b55,#714ca13d)}.install-banner[hidden]{display:none}.install-banner h2{font-size:18px;color:#a6f6f2}.install-banner p{margin:8px 0 0}.install-banner .primary{flex-shrink:0}.install-banner:has(#install-help:not([hidden])){flex-wrap:wrap}#install-help{width:100%;color:#d3dff6}@media(max-width:700px){.install-banner{align-items:stretch;flex-direction:column;gap:15px}.install-banner .primary{min-height:46px}}