:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#12213f;--muted:#66738c;--line:#dfe6f3;--surface:#ffffffeb;--blue:#1558d6;--purple:#7540db;--green:#12865d;--red:#c53d4b}*{box-sizing:border-box}html{background:#f3f6fc}body{color:var(--ink);background:radial-gradient(circle at 8% 0,#4b84f42b,#0000 30rem),radial-gradient(circle at 100% 20%,#8f47dc21,#0000 28rem),#f3f6fc;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1120px,100% - 32px);margin:0 auto}.landing{place-items:center;min-height:100svh;padding:32px 0;display:grid}.landing-card,.auth-card{background:var(--surface);border:1px solid #ffffffe6;border-radius:32px;width:min(100%,520px);padding:clamp(28px,6vw,54px);box-shadow:0 28px 80px #1c397424}.brand{align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--blue), var(--purple));border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 10px 24px #1558d640}.eyebrow{color:var(--blue);letter-spacing:.14em;margin:28px 0 8px;font-size:12px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:clamp(34px,7vw,58px);line-height:1.02}h2{margin:0;font-size:22px}p{line-height:1.6}.muted{color:var(--muted)}.button{border:0;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:750;display:inline-flex}.button.primary{color:#fff;background:linear-gradient(120deg, var(--blue), var(--purple))}.button.secondary{color:var(--ink);background:#edf2fa}.button.danger{color:var(--red);background:#fff0f2}.button.full{width:100%}.field{gap:7px;margin:24px 0 14px;font-size:14px;font-weight:700;display:grid}.field input{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:#fff;border-radius:14px;outline:none;padding:0 16px}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1558d61a}.password-field{position:relative}.password-field input{padding-right:72px}.password-field button{color:var(--blue);background:0 0;border:0;font-size:13px;font-weight:800;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.form-link{color:var(--blue);text-align:right;margin:-4px 0 18px;font-size:14px;font-weight:750}.notice{color:#234f9a;background:#edf4ff;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:14px}.notice.error{color:#9f2d3a;background:#fff0f2}.portal-header{color:#fff;background:linear-gradient(125deg,#0c3fae,#1479e8 52%,#7936d7);padding:22px 0 100px}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar .button{color:#fff;background:#ffffff24;min-height:40px}.welcome{margin-top:44px}.welcome h1{font-size:clamp(34px,6vw,52px)}.portal-main{margin-top:-64px;padding-bottom:64px}.nav{background:#ffffffed;border:1px solid #fff;border-radius:18px;gap:6px;margin-bottom:18px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 15px 40px #1b376e1a}.nav a{text-align:center;border-radius:12px;flex:1;min-width:100px;padding:12px 16px;font-size:14px;font-weight:750}.nav a:hover{background:#edf2fa}.grid{gap:16px;display:grid}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid #fff;border-radius:24px;padding:22px;box-shadow:0 14px 38px #1f3c7312}.metric-label{color:var(--muted);font-size:13px}.metric-value{letter-spacing:-.03em;margin-top:8px;font-size:clamp(22px,3vw,30px);font-weight:850}.section{margin-top:18px}.list{gap:10px;margin-top:16px;display:grid}.row{background:#f6f8fc;border-radius:15px;justify-content:space-between;gap:18px;padding:15px;display:flex}.row-title{font-weight:750}.row-meta{color:var(--muted);margin-top:4px;font-size:13px}.amount{white-space:nowrap;font-weight:800}.filters{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:8px 13px}.chip.active{color:#fff;background:var(--blue);border-color:#0000}.empty{color:var(--muted);text-align:center;padding:32px 16px}.footer{color:var(--muted);text-align:center;margin-top:26px;font-size:12px}@media (max-width:820px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:580px){.shell{width:min(100% - 22px,1120px)}.two,.metrics{grid-template-columns:1fr}.row{align-items:flex-start}.portal-header{padding-bottom:84px}}