:root{color-scheme:dark;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--font-ui: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-display: "Sora", "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--text: #e2e8f0;--muted: #94a3b8;--label: rgba(226, 232, 240, .78);--bg: #020617;--surface-2: rgba(30, 41, 59, .4);--border: rgba(255, 255, 255, .1);--divider: rgba(255, 255, 255, .08);--accent-soft: rgba(99, 102, 241, .2);--glow-1: rgba(99, 102, 241, .08);--glow-2: rgba(56, 189, 248, .05);--glow-3: rgba(16, 185, 129, .04);--noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.70' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.16'/%3E%3C/svg%3E");--noise-opacity: .01;--glass-glow-opacity: .6;--bg3d-opacity: .6;--bg3d-saturate: .85;--bg3d-contrast: .9;--bg3d-brightness: .92;--row-hover: rgba(255, 255, 255, .03);--r-lg: 18px;--r-md: 14px;--s-1: 6px;--s-2: 10px;--s-3: 14px;--s-4: 18px;--s-5: 24px;--s-6: 32px;--ease: cubic-bezier(.2, .9, .2, 1);--t-fast: .14s;--t: .2s;--ring: 0 0 0 4px var(--accent-soft);--cta-a: #3b82f6;--cta-b: #a855f7;--cta-glow: rgba(120, 203, 255, .16);--cta-ring: rgba(99, 102, 241, .22);--brand-a: #60a5fa;--brand-b: #a855f7;--dash-max: 1240px;--card-max: 600px}*,*:before,*:after{box-sizing:border-box}html{text-size-adjust:100%}body{margin:0;color:var(--text);background:radial-gradient(820px 520px at 12% 10%,var(--glow-1),transparent 60%),radial-gradient(820px 520px at 88% 18%,var(--glow-2),transparent 64%),radial-gradient(820px 520px at 55% 92%,var(--glow-3),transparent 66%),var(--bg);line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:var(--noise);opacity:var(--noise-opacity);z-index:1}body.bg-midnight{background:#01040f}body.bg-midnight:before{opacity:0;background-image:none}#root{position:relative;z-index:2}.appShell{position:relative;min-height:100vh}.appBg3d{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.appBg3dCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:var(--bg3d-opacity);filter:saturate(var(--bg3d-saturate)) contrast(var(--bg3d-contrast)) brightness(var(--bg3d-brightness))}.page{min-height:100vh;display:grid;justify-items:center;align-content:start;padding:var(--s-6)}@media(max-width:520px){.page{padding:var(--s-5)}}.page.page--dashboard{padding:0;justify-items:stretch;align-content:stretch}.h2{margin:0 0 var(--s-2) 0;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.25}.h2,.dashHeroTitle,.overviewTitle{font-family:var(--font-display)}.muted{margin:0;color:var(--muted);line-height:1.45}.card{width:100%;max-width:var(--card-max);background:radial-gradient(120% 120% at 50% 35%,#0608139e,#06081357 46%,#0608130a 78%);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-lg);padding:calc(var(--s-6) - 4px);box-shadow:0 24px 80px #00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;overflow:hidden;transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),border-color var(--t) var(--ease)}.card:after{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(520px 240px at 18% 0%,rgba(99,102,241,.09),transparent 62%),radial-gradient(520px 240px at 92% 18%,rgba(56,189,248,.04),transparent 64%);opacity:var(--glass-glow-opacity)}@media(prefers-reduced-motion:no-preference){.card:hover{transform:translateY(-2px);border-color:#ffffff1a;box-shadow:0 28px 95px #00000085}}.card--dash{max-width:none}.btn{border:1px solid rgba(255,255,255,.14);background:#0000002e;border-radius:999px;padding:11px 16px;cursor:pointer;font-size:14px;font-weight:700;color:#e2e8f0eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 55px #00000047;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--cta-ring),0 18px 55px #00000047;border-color:#ffffff4d}@media(prefers-reduced-motion:no-preference){.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff38;background:#0000003d;box-shadow:0 22px 70px #00000052}.btn:active:not(:disabled){transform:translateY(0) scale(.99);box-shadow:0 18px 55px #00000047}}.btnSmall{padding:9px 12px;font-size:13px;font-weight:700}.btnPrimary{border-color:#0000;background:linear-gradient(90deg,var(--cta-a),var(--cta-b));color:#fff;position:relative;overflow:hidden;box-shadow:0 14px 34px #0000002e,0 0 0 1px #ffffff1a inset,0 18px 60px var(--cta-glow)}.btnPrimary:after{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(420px 140px at 20% 10%,rgba(255,255,255,.22),transparent 60%);opacity:.9}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0000002e;font-size:12px;font-weight:800;color:var(--text)}.input{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);font-size:16px;color:var(--text);background:var(--surface-2);outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.input::placeholder{color:#64748b}.input:focus{border-color:#6366f18c;box-shadow:var(--ring)}.brandName{display:inline-block;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1;background-image:linear-gradient(90deg,var(--brand-a) 0%,#a78bfa 55%,var(--brand-b) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 26px rgba(99,102,241,.22))}.dashboardPage{width:100%;justify-self:stretch;min-height:100vh;display:flex;flex-direction:column}.dashboardShell{width:100%;max-width:var(--dash-max);margin:0 auto;padding-top:88px;padding-left:24px;padding-right:24px;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start}@media(max-width:720px){.dashboardShell{padding-top:76px;padding-left:16px;padding-right:16px;flex:1;display:flex;flex-direction:column;min-height:0}}.dashTopHeader{position:fixed;top:0;left:0;right:0;z-index:60;transition:opacity var(--t) var(--ease)}.dashHeaderGlass{background:rgba(6,8,19,var(--headerOpacity));border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.dashTopHeaderInner{max-width:var(--dash-max);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}@media(max-width:720px){.dashTopHeaderInner{padding:12px 16px}}.dashBrand{display:inline-flex;align-items:center;gap:10px;background:transparent;border:none;padding:0;cursor:pointer}.dashNav{display:flex;align-items:center;justify-content:center;gap:18px;flex:1;min-width:0}.dashNavLink{background:transparent;border:none;padding:8px 6px;font-size:13px;font-weight:700;color:#94a3b8eb;cursor:pointer;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);white-space:nowrap}@media(prefers-reduced-motion:no-preference){.dashNavLink:hover{color:#e2e8f0f2;transform:translateY(-1px)}}@media(max-width:980px){.dashNav{display:none}}.dashMobileNav{display:none;position:relative;align-items:center;justify-content:flex-end;margin-left:auto}@media(max-width:980px){.dashMobileNav{display:flex}}.dashBurgerBtn{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0000002e;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 55px #00000038;transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.dashBurgerBtn:focus-visible{outline:none;box-shadow:var(--ring),0 18px 55px #00000038;border-color:#ffffff42}@media(prefers-reduced-motion:no-preference){.dashBurgerBtn:hover{transform:translateY(-1px);border-color:#ffffff38;background:#0000003d;box-shadow:0 22px 70px #00000047}.dashBurgerBtn:active{transform:translateY(0) scale(.99);box-shadow:0 18px 55px #00000038}}.dashBurgerIcon{width:18px;height:14px;display:grid;gap:4px}.dashBurgerIcon>span{display:block;height:2px;border-radius:999px;background:#e2e8f0e0;box-shadow:0 10px 24px #6366f12e}.dashMobileMenu{position:fixed;top:72px;left:16px;right:16px;width:auto;max-width:360px;margin-left:auto;z-index:200}.dashMobileMenuPanel{background:linear-gradient(180deg,#060813e6,#1e293b75);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 18px 70px #00000085;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;position:relative}.dashMobileMenuPanel:after{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(460px 220px at 18% 0%,rgba(99,102,241,.1),transparent 60%),radial-gradient(460px 220px at 92% 18%,rgba(56,189,248,.05),transparent 62%);opacity:var(--glass-glow-opacity)}.dashMobileMenuTitle{position:relative;z-index:1;padding:12px 14px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8eb;border-bottom:1px solid rgba(255,255,255,.08)}.dashMobileMenuList{position:relative;z-index:1;display:grid}.dashMobileLink{width:100%;text-align:left;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:#e2e8f0eb;font-size:13px;font-weight:900;border-bottom:1px solid rgba(255,255,255,.08);transition:background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.dashMobileLink:last-child{border-bottom:none}.dashMobileLink:focus-visible{outline:none;box-shadow:var(--ring)}.dashMobileLinkLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashMobileLinkPip{width:8px;height:8px;border-radius:999px;background:#a855f7eb;box-shadow:0 0 0 3px #a855f729;flex:0 0 auto}@media(prefers-reduced-motion:no-preference){.dashMobileLink:hover{background:#ffffff0a;transform:translateY(-1px)}.dashMobileLink:active{transform:translateY(0)}}.dashMobileMenuDivider{position:relative;z-index:1;height:1px;background:#ffffff14}.dashAccount{position:relative;display:flex;align-items:center;justify-content:flex-end}.dashAccountBtn{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0000002e;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.dashAccountBtn:focus-visible{outline:none;box-shadow:var(--ring)}.dashAvatar{width:22px;height:22px;border-radius:999px;background:radial-gradient(14px 14px at 35% 30%,#ffffff59,#ffffff0f 60%,#0003),linear-gradient(180deg,#60a5fa40,#a855f72e);border:1px solid rgba(255,255,255,.14)}.dashMenu{position:absolute;top:calc(100% + 10px);right:0;width:220px;background:linear-gradient(180deg,#060813db,#1e293b6b);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 18px 60px #00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}.dashMenuItem{width:100%;text-align:left;border:none;background:transparent;color:#e2e8f0eb;padding:12px;font-size:13px;font-weight:800;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.08)}.dashMenuItem:last-child{border-bottom:none}.dashMenuItem--disabled{opacity:.55;cursor:not-allowed}@media(prefers-reduced-motion:no-preference){.dashMenuItem:hover:not(:disabled){background:#ffffff0a}}.dashFooter{margin-top:auto;padding:18px 0;text-align:center;font-size:13px;color:#e2e8f0d1;text-shadow:0 8px 30px rgba(0,0,0,.55)}.dashFooterLine--muted{margin-bottom:28px;opacity:.85}.dashHero{position:relative;text-align:center;margin-top:70px;margin-bottom:50px;padding:0}@media(max-width:720px){.dashHero{margin-top:22px;margin-bottom:20px}}.dashHeroTitle{margin:0;font-size:36px;font-weight:800;letter-spacing:-.04em;line-height:1.12;color:#fffffff5;text-shadow:0 18px 70px rgba(0,0,0,.75)}.dashHeroSub{margin:4px 0 0;font-size:15px;color:#e2e8f0eb;text-shadow:0 16px 60px rgba(0,0,0,.75)}@media(max-width:720px){.dashHeroTitle{font-size:28px}}.dashGrid{width:100%;display:grid;gap:var(--s-4);align-items:start}.dashGrid--primary{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;align-items:stretch}@media(max-width:980px){.dashGrid--primary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.dashGrid--primary{grid-template-columns:1fr}}.dashGrid--primary .card--dash{min-height:350px;height:350px;display:flex;flex-direction:column}.dashGrid--primary .card--dash>:last-child{margin-top:auto}.dashCardLink{text-align:left;cursor:pointer;border:1px solid rgba(255,255,255,.08)}.dashCardLink:focus-visible{outline:none;box-shadow:var(--ring);border-color:#6366f159}.dashCardTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashCardText{margin-top:2px;margin-bottom:14px;opacity:.85}.dashMetric{margin-top:14px;padding:12px 14px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.06);background:#1e293b4d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dashMetricLabel{font-size:12px;font-weight:800;color:#94a3b8eb;margin-bottom:6px}.dashMetricValue{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#e2e8f0f5}.dashSubMetric{margin-top:14px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.dashSubMetricLabel{font-size:12px;font-weight:800;color:#94a3b8eb}.dashSubMetricValue{font-size:13px;font-weight:800;color:#e2e8f0eb;white-space:nowrap}.dashPills{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.dashCardCta{margin-top:14px;font-size:13px;font-weight:800;color:#60a5faf2;display:inline-flex;align-items:center;gap:8px}.dashArrow{opacity:.9}@media(prefers-reduced-motion:no-preference){.dashCardLink:hover{transform:translateY(-2px);border-color:#ffffff1f}.dashCardLink:hover .dashCardCta{color:#a855f7eb}}.overviewPage{width:100%;max-width:var(--dash-max);margin:0 auto;padding:12px 24px 26px;min-height:0;display:flex;flex-direction:column}@media(max-width:720px){.overviewPage{padding:10px 16px 22px}}.overviewBack{border:none;background:transparent;padding:0;cursor:pointer;color:#94a3b8eb;font-size:13px;font-weight:800;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}@media(prefers-reduced-motion:no-preference){.overviewBack:hover{color:#e2e8f0eb;transform:translateY(-1px)}}.overviewTitle{margin:0;font-size:30px;font-weight:900;letter-spacing:-.04em;color:#fffffff5;text-shadow:0 18px 70px rgba(0,0,0,.7)}.overviewSub{margin:8px 0 0;font-size:14px;color:#e2e8f0d1;max-width:56ch}.overviewChip{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0000002e;color:#e2e8f0d1;font-size:11px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 60px #00000038}.overviewSummaryRow{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}@media(max-width:980px){.overviewSummaryRow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.overviewSummaryRow{grid-template-columns:1fr}}.overviewKpi,.overviewPanel{border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 120% at 50% 35%,#0608139e,#06081357 46%,#0608130a 78%);box-shadow:0 24px 90px #00000061;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.overviewKpi{padding:22px 22px 18px;cursor:pointer;transition:transform var(--t) var(--ease),border-color var(--t) var(--ease);display:flex;flex-direction:column;justify-content:center;min-height:122px;text-align:center}@media(prefers-reduced-motion:no-preference){.overviewKpi:hover{transform:translateY(-2px);border-color:#ffffff1f}}.overviewKpi:focus-visible{outline:none;box-shadow:var(--ring);border-color:#6366f159}.overviewKpiLabel{font-size:11px;font-weight:900;color:#94a3b8eb;text-transform:uppercase;letter-spacing:.06em}.overviewKpiValue{margin-top:10px;font-size:26px;font-weight:900;letter-spacing:-.03em;color:#e2e8f0fa}.overviewKpiHint{margin-top:12px;font-size:12px;font-weight:800;color:#94a3b8c2}.overviewMainGrid{width:100%;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.9fr);gap:18px;align-items:start}@media(max-width:980px){.overviewMainGrid{grid-template-columns:1fr}}.overviewPanel{padding:22px}.overviewPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.overviewPanelTitle{font-size:14px;font-weight:900;letter-spacing:-.02em;color:#e2e8f0eb}.overviewMuted{margin:0;color:#94a3b8eb;font-size:13px;line-height:1.55}.overviewDivider{height:1px;background:#ffffff14;margin:18px 0}.overviewSmallTitle{font-size:13px;font-weight:900;color:#e2e8f0eb;margin:0 0 8px}.allocBar{width:100%;height:12px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#1e293b40;display:flex}.allocSeg{height:100%;flex:0 0 auto}.allocSeg--out{background:#f43f5eb8}.allocSeg--sav{background:#10b9819e}.allocSeg--left{background:#6366f1ad}.allocLegend{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:720px){.allocLegend{grid-template-columns:1fr}}.allocItem{display:flex;gap:12px;align-items:flex-start}.allocDot{width:10px;height:10px;border-radius:999px;margin-top:4px;flex:0 0 auto}.allocDot--out{background:#f43f5ee0}.allocDot--sav{background:#10b981d1}.allocDot--left{background:#6366f1db}.allocName{font-size:13px;font-weight:900;color:#e2e8f0eb;line-height:1.25}.allocMeta{margin-top:2px;font-size:12px;font-weight:800;color:#94a3b8eb}.spentRow{margin-top:14px;display:grid;grid-template-columns:1.4fr 1fr;gap:14px;align-items:stretch}@media(max-width:720px){.spentRow{grid-template-columns:1fr}}.spentResult{border-radius:var(--r-md);border:1px solid rgba(255,255,255,.08);background:#0000002e;padding:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.spentResultLabel{font-size:12px;font-weight:900;color:#94a3b8eb;margin-bottom:8px}.spentResultValue{font-size:19px;font-weight:900;letter-spacing:-.02em;color:#e2e8f0f5}.overviewSide{display:grid;gap:18px}.overviewLink{margin-top:12px;border:none;background:transparent;padding:0;cursor:pointer;color:#60a5faf2;font-size:13px;font-weight:900;text-align:left}@media(prefers-reduced-motion:no-preference){.overviewLink:hover{color:#a855f7eb}}.modalScrim{position:fixed;inset:0;background:#0206178c;z-index:1000;display:grid;place-items:center;padding:16px}.modalPanel{width:min(760px,96vw);border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#060813e6,#1e293b73);box-shadow:0 24px 90px #0000008c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.modalTop{padding:14px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px}.modalTitle{font-size:14px;font-weight:900;color:#e2e8f0eb}.modalClose{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0000002e;color:#e2e8f0e6;cursor:pointer}.modalClose:focus-visible{outline:none;box-shadow:var(--ring)}.modalBody{padding:14px}.modalHelp{font-size:13px;color:#94a3b8eb;margin-bottom:10px}.modalList{display:grid;gap:10px;margin-bottom:12px}.modalRow{display:grid;grid-template-columns:1.2fr .7fr auto;gap:10px;align-items:center}@media(max-width:720px){.modalRow{grid-template-columns:1fr}}.modalActions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.modalActionsRight{display:flex;gap:10px;align-items:center}@media(prefers-reduced-motion:reduce){.card,.btn,.input,.dashBurgerBtn,.dashMobileLink{transition:none!important}.card:hover,.btn:hover,.btn:active,.input:focus,.dashBurgerBtn:hover,.dashMobileLink:hover{transform:none!important}}
