@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700&family=Sora:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--finxera-purple: hsl(262, 83%, 58%);--finxera-blue: hsl(217, 91%, 60%);--finxera-light-blue: hsl(200, 98%, 63%);--finxera-success: hsl(158, 64%, 52%);--finxera-slate: hsl(215, 16%, 47%);--finxera-dark: hsl(215, 25%, 27%);--finxera-amber: hsl(38, 92%, 50%);--finxera-red: hsl(0, 74%, 58%);--gradient: linear-gradient(135deg, var(--finxera-purple) 0%, var(--finxera-blue) 50%, var(--finxera-light-blue) 100%);--bg: hsl(220, 30%, 98%);--bg-elevated: #ffffff;--bg-sunken: hsl(220, 24%, 95%);--surface-line: hsl(220, 18%, 89%);--text: hsl(215, 28%, 17%);--text-soft: hsl(215, 16%, 42%);--text-faint: hsl(215, 14%, 60%);--shadow-sm: 0 1px 2px hsl(215 25% 27% / .06), 0 1px 3px hsl(215 25% 27% / .05);--shadow-md: 0 4px 12px hsl(215 25% 27% / .08), 0 2px 4px hsl(215 25% 27% / .05);--shadow-lg: 0 18px 40px hsl(262 40% 30% / .14);--tint: hsl(262, 83%, 97%)}[data-theme=dark]{--bg: hsl(222, 28%, 9%);--bg-elevated: hsl(220, 24%, 13%);--bg-sunken: hsl(222, 26%, 11%);--surface-line: hsl(220, 16%, 22%);--text: hsl(220, 24%, 94%);--text-soft: hsl(218, 14%, 68%);--text-faint: hsl(218, 12%, 50%);--shadow-sm: 0 1px 3px hsl(0 0% 0% / .3);--shadow-md: 0 6px 16px hsl(0 0% 0% / .36);--shadow-lg: 0 20px 44px hsl(0 0% 0% / .5);--tint: hsl(262, 40%, 18%)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Sora,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}h1,h2,h3,h4{font-family:Bricolage Grotesque,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.15}a{color:var(--finxera-blue)}.mono{font-family:JetBrains Mono,monospace}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:14px 32px;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-line)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:38px;height:38px;border-radius:11px;box-shadow:var(--shadow-sm)}.brand-name{font-family:Bricolage Grotesque;font-weight:700;font-size:20px;letter-spacing:-.03em}.brand-name span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-size:11px;color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase}.nav{display:flex;gap:4px;margin-left:12px}.nav button{font-family:Sora;font-size:14px;font-weight:500;padding:8px 15px;border-radius:9px;border:none;background:transparent;color:var(--text-soft);cursor:pointer;transition:background .15s,color .15s}.nav button:hover{background:var(--bg-sunken);color:var(--text)}.nav button.active{background:var(--tint);color:var(--finxera-purple)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.theme-toggle{width:38px;height:38px;border-radius:10px;border:1px solid var(--surface-line);background:var(--bg-elevated);cursor:pointer;font-size:16px;color:var(--text);display:grid;place-items:center;transition:transform .2s}.theme-toggle:hover{transform:rotate(-12deg)}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:32px}.page-title{font-size:30px;margin-bottom:6px}.page-sub{color:var(--text-soft);font-size:15px;margin-bottom:28px}.section-title{font-size:18px;margin-bottom:14px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--finxera-purple)}.card{background:var(--bg-elevated);border:1px solid var(--surface-line);border-radius:16px;box-shadow:var(--shadow-sm)}.card-pad{padding:24px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 820px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main{padding:20px}.topbar{padding:12px 18px;gap:14px}.nav{display:none}}.btn{font-family:Sora;font-size:14px;font-weight:600;padding:11px 22px;border-radius:11px;border:none;cursor:pointer;transition:transform .12s,box-shadow .2s,opacity .2s;display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 6px 18px #7c3bed57}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #7c3bed6b}.btn-ghost{background:var(--bg-elevated);color:var(--text);border:1px solid var(--surface-line)}.btn-ghost:hover:not(:disabled){background:var(--bg-sunken)}.btn-sm{padding:7px 14px;font-size:13px;border-radius:9px}.btn-block{width:100%;justify-content:center}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:500;color:var(--text-soft)}.field .hint{font-size:12px;color:var(--text-faint)}input,select,textarea{font-family:Sora;font-size:14px;padding:10px 13px;border-radius:10px;border:1px solid var(--surface-line);background:var(--bg-elevated);color:var(--text);transition:border-color .15s,box-shadow .15s;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--finxera-blue);box-shadow:0 0 0 3px #3c83f629}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 620px){.row{grid-template-columns:1fr}}.choice-grid{display:grid;gap:14px}.choice{text-align:left;cursor:pointer;border:1.5px solid var(--surface-line);border-radius:14px;background:var(--bg-elevated);padding:18px 20px;transition:border-color .15s,box-shadow .15s,transform .12s}.choice:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.choice.selected{border-color:transparent;box-shadow:0 0 0 2px var(--finxera-purple),var(--shadow-md)}.choice h4{font-size:15px;margin-bottom:4px}.choice p{font-size:13px;color:var(--text-soft)}.choice .ico{width:40px;height:40px;border-radius:11px;margin-bottom:12px;background:var(--tint);display:grid;place-items:center;font-size:19px}.stepper{display:flex;gap:8px;margin-bottom:26px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-faint)}.step .dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--bg-sunken);color:var(--text-faint);border:1px solid var(--surface-line)}.step.active .dot{background:var(--gradient);color:#fff;border-color:transparent}.step.done .dot{background:var(--finxera-success);color:#fff;border-color:transparent}.step.active{color:var(--text);font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.badge-green{background:#36d39926;color:#239f71}.badge-amber{background:#f59f0a29;color:#ae7613}.badge-red{background:#e3454524;color:#de2121}.badge-blue{background:#3c83f624;color:var(--finxera-blue)}.badge-grey{background:var(--bg-sunken);color:var(--text-soft)}[data-theme=dark] .badge-green{color:#60dcaf}[data-theme=dark] .badge-amber{color:#f7b645}.decision-hero{border-radius:18px;padding:32px;color:#fff;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.decision-hero.approved{background:linear-gradient(135deg,#28b883,#1fad96)}.decision-hero.reduced{background:linear-gradient(135deg,var(--finxera-blue),var(--finxera-light-blue))}.decision-hero.refer{background:linear-gradient(135deg,#f59f0a,#f57d14)}.decision-hero.declined{background:linear-gradient(135deg,#da2f2f,#db2442)}.score-ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:conic-gradient(#fff var(--p),hsl(0 0% 100% / .22) 0)}.score-ring-inner{width:108px;height:108px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;text-align:center}.score-ring-inner .n{font-family:JetBrains Mono;font-size:34px;font-weight:700}.score-ring-inner .l{font-size:11px;opacity:.85}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 12px;font-size:13px}th{color:var(--text-faint);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}tbody tr{border-top:1px solid var(--surface-line)}td.num{font-family:JetBrains Mono;text-align:right}.bar{height:6px;border-radius:4px;background:var(--bg-sunken);overflow:hidden}.bar>i{display:block;height:100%;background:var(--gradient);border-radius:4px}.kv{display:flex;justify-content:space-between;padding:7px 0;font-size:14px}.kv+.kv{border-top:1px dashed var(--surface-line)}.kv .k{color:var(--text-soft)}.kv .v{font-weight:600}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-soft);font-size:13px}.list-reason{display:flex;gap:9px;padding:8px 0;font-size:14px;align-items:flex-start}.list-reason .mk{color:var(--finxera-purple);font-weight:700}.toggle{position:relative;width:46px;height:26px;border-radius:999px;background:var(--bg-sunken);border:1px solid var(--surface-line);cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--gradient);border-color:transparent}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:var(--shadow-sm)}.toggle.on:after{transform:translate(20px)}.alert{border-radius:12px;padding:13px 16px;font-size:13px;display:flex;gap:10px;align-items:flex-start}.alert-warn{background:#f59f0a1f;color:#a56f12}.alert-info{background:#3c83f61a;color:var(--finxera-blue)}.alert-err{background:#e345451a;color:var(--finxera-red)}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid hsl(0 0% 100% / .35);border-top-color:#fff;animation:spin .7s linear infinite}.spinner-dark{border-color:var(--surface-line);border-top-color:var(--finxera-purple)}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.empty{text-align:center;padding:60px 20px;color:var(--text-faint)}.empty .big{font-size:40px;margin-bottom:12px}.chip-add{font-size:13px;color:var(--finxera-blue);background:none;border:1px dashed var(--finxera-blue);padding:7px 13px;border-radius:9px;cursor:pointer}.removable{display:flex;align-items:center;gap:8px}.x-btn{background:none;border:none;color:var(--finxera-red);cursor:pointer;font-size:16px;padding:2px 6px}
