:root{--clr-text: hsl(23 100% 98%);--clr-bg: hsl(23 10% 4%);--clr-primary: hsl(23 72% 17%);--clr-secondary: hsl(50 85% 60%);--clr-surface: hsl(23 12% 11%);--clr-surface-hover: hsl(23 12% 13%);--clr-muted: hsl(23 30% 80%);--bkpt-mobile: 600px;--bkpt-tablet: 768px;--bkpt-laptop: 1200px;--bkpt-desktop: 1800px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--clr-text);background-color:var(--clr-bg);font-size:62.5%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}section{margin-top:8rem}a{font-weight:500;color:var(--clr-primary);text-decoration:inherit;transition:color .2s ease}a:hover{color:var(--clr-secondary)}body{margin:0;min-width:320px;font-size:1.6rem;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem}.history-section.svelte-1um92ct.svelte-1um92ct{max-width:1200px;margin:4rem auto;padding:0 2rem}h2.svelte-1um92ct.svelte-1um92ct{text-align:center;font-size:2.4rem;margin-bottom:2.5rem;color:var(--clr-text);font-weight:500}.no-history.svelte-1um92ct.svelte-1um92ct{text-align:center;font-style:italic;color:var(--clr-muted)}ul.svelte-1um92ct.svelte-1um92ct{list-style:none;padding:0;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.transaction-card.svelte-1um92ct.svelte-1um92ct{display:flex;flex-direction:column;gap:1rem;padding:1.8rem;border-radius:1rem;background-color:var(--clr-surface);transition:transform .2s ease,background-color .2s ease}.transaction-card.svelte-1um92ct.svelte-1um92ct:hover{transform:translateY(-2px);background-color:var(--clr-surface-hover)}.transaction-date.svelte-1um92ct.svelte-1um92ct{font-size:1.4rem;color:var(--clr-muted);letter-spacing:.05em}.transaction-details.svelte-1um92ct.svelte-1um92ct{display:flex;align-items:center;gap:1.5rem}.transaction-info.svelte-1um92ct.svelte-1um92ct{display:flex;flex-direction:column;gap:.4rem}.amount.svelte-1um92ct.svelte-1um92ct{font-size:1.8rem;font-weight:600;color:var(--clr-text)}.type.svelte-1um92ct.svelte-1um92ct{font-size:1.3rem;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.05em}.icon.svelte-1um92ct.svelte-1um92ct{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:.8rem;background-color:var(--clr-surface-hover)}.repayment.svelte-1um92ct .icon.svelte-1um92ct{color:var(--clr-secondary)}.loan.svelte-1um92ct .icon.svelte-1um92ct{color:var(--clr-text)}.balance-row.svelte-mqzbzz.svelte-mqzbzz{display:flex;justify-content:center;margin-bottom:2rem}.balance-row.svelte-mqzbzz .metric-card.primary.svelte-mqzbzz{width:100%;max-width:400px}.primary-metrics.svelte-mqzbzz.svelte-mqzbzz{display:grid;gap:1.5rem;margin-bottom:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-card.centered.svelte-mqzbzz.svelte-mqzbzz{text-align:center;padding-block:3rem}.secondary-metrics.svelte-mqzbzz.svelte-mqzbzz{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card.svelte-mqzbzz.svelte-mqzbzz{background-color:var(--clr-surface);padding:2rem;border-radius:1rem;transition:transform .2s ease,background-color .2s ease}.metric-card.svelte-mqzbzz.svelte-mqzbzz:hover{transform:translateY(-2px);background-color:var(--clr-surface-hover)}.metric-card.primary.svelte-mqzbzz.svelte-mqzbzz{background-color:var(--clr-surface-hover);position:relative;overflow:hidden}.metric-card.primary.svelte-mqzbzz.svelte-mqzbzz:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(23,72%,17%,.08) 0%,transparent 60%);pointer-events:none}h3.svelte-mqzbzz.svelte-mqzbzz{font-size:1.4rem;font-weight:500;color:var(--clr-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.amount.svelte-mqzbzz.svelte-mqzbzz{font-size:2.4rem;font-weight:600;margin:0;line-height:1.2;color:var(--clr-text)}.amount-sub.svelte-mqzbzz.svelte-mqzbzz{font-size:1.6rem;font-weight:500;color:var(--clr-muted);margin-top:.8rem;line-height:1.2}.amount-sub.svelte-mqzbzz .suffix.svelte-mqzbzz{font-size:1.2rem}.primary.svelte-mqzbzz .amount.svelte-mqzbzz{font-size:3rem}.suffix.svelte-mqzbzz.svelte-mqzbzz{font-size:1.4rem;opacity:.7;font-weight:400}.subtle-red.svelte-mqzbzz.svelte-mqzbzz{color:#e46767}.subtle-green.svelte-mqzbzz.svelte-mqzbzz{color:#7ab87a}.info-icon.svelte-mqzbzz.svelte-mqzbzz{font-size:1.2rem;margin-left:.5em;cursor:help;vertical-align:middle;opacity:.7}.info-subtle.svelte-mqzbzz.svelte-mqzbzz{font-size:1.2rem;color:var(--clr-muted);margin-top:1rem;font-style:italic;opacity:.9}@media (max-width: calc(var(--bkpt-tablet))){.metric-card.svelte-mqzbzz.svelte-mqzbzz{padding:1.5rem}.amount.svelte-mqzbzz.svelte-mqzbzz{font-size:2.2rem}.primary.svelte-mqzbzz .amount.svelte-mqzbzz{font-size:2.6rem}h3.svelte-mqzbzz.svelte-mqzbzz{font-size:1.3rem}}.chart-card.svelte-1hopoea{position:relative;height:400px;width:100%;max-width:1200px;margin:2rem auto;padding:2.4rem;background-color:var(--clr-surface);border-radius:1.2rem;transition:background-color .2s ease}.chart-card.svelte-1hopoea:hover{background-color:var(--clr-surface-hover)}@media (max-width: calc(var(--bkpt-tablet))){.chart-card.svelte-1hopoea{height:300px;padding:1.6rem}}@media (prefers-reduced-motion: reduce){.chart-card *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h2.svelte-1eo0kd9{text-align:center;font-size:2.8rem;font-weight:700;margin-bottom:2rem}.loan-breakdown-container.svelte-1eo0kd9{display:flex;width:100%;flex-direction:column;align-items:center;gap:4rem}.loan-breakdown-container.svelte-1eo0kd9>div{width:100%}.access-form-container.svelte-1eo0kd9{display:flex;justify-content:center;margin-top:2em}.access-form.svelte-1eo0kd9{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;background-color:var(--clr-surface);border-radius:1rem;max-width:400px;width:100%}.access-label.svelte-1eo0kd9{font-size:1.6rem;font-weight:500;color:var(--clr-muted);text-align:center}.access-input.svelte-1eo0kd9{font-size:1.6rem;padding:1rem 1.5rem;border-radius:.6rem;border:1px solid var(--clr-surface-hover);background-color:var(--clr-bg);color:var(--clr-text);width:100%;box-sizing:border-box}.access-input.svelte-1eo0kd9:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 2px hsla(var(--clr-primary-hsl),.3)}.access-input.svelte-1eo0kd9:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 2px #4b240c4d}.access-button.svelte-1eo0kd9{font-size:1.6rem;padding:1rem 2rem;background-color:var(--clr-primary);color:var(--clr-text);border:none;border-radius:.6rem;cursor:pointer;transition:background-color .2s ease;font-weight:500}.access-button.svelte-1eo0kd9:hover{background-color:#602f10}.tabs.svelte-1cewf6z{margin-block:4rem}[role=tablist].svelte-1cewf6z{display:flex;gap:.5rem;border-bottom:2px solid var(--clr-surface-hover);max-width:95vw;overflow-x:auto;margin-bottom:2rem;scroll-snap-type:x mandatory;padding-bottom:2px}[role=tab].svelte-1cewf6z{background-color:var(--clr-surface);border:none;border-radius:.6rem .6rem 0 0;padding:1.2rem 2.4rem;cursor:pointer;transition:all .2s ease;font-size:1.4rem;text-transform:uppercase;font-weight:500;color:var(--clr-muted);letter-spacing:.05em;scroll-snap-align:start;scroll-snap-stop:always;position:relative;white-space:nowrap}[role=tab].svelte-1cewf6z:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--clr-primary);transform:scaleX(0);transition:transform .3s cubic-bezier(.25,1,.5,1)}[role=tab].svelte-1cewf6z:focus-visible{outline:2px solid var(--clr-secondary);outline-offset:2px}[role=tab].svelte-1cewf6z:hover{background-color:var(--clr-surface-hover);color:var(--clr-text)}[role=tab][aria-selected=true].svelte-1cewf6z{color:var(--clr-text);background-color:var(--clr-surface-hover)}[role=tab][aria-selected=true].svelte-1cewf6z:after{transform:scaleX(1)}[role=tabpanel].svelte-1cewf6z{padding-inline:0}@media (max-width: calc(var(--bkpt-tablet))){[role=tab].svelte-1cewf6z{padding:1rem 1.8rem;font-size:1.3rem}}img.svelte-hcroh8{filter:drop-shadow(0 0 .5rem #fff);height:250px;width:250px}header.svelte-hcroh8{text-align:center}header.svelte-hcroh8>h1{font-size:4rem;font-weight:700;margin:0}header.svelte-hcroh8>time{display:block;font-size:2rem;font-weight:semibold}
