.finance-dashboard{--design-ink:#21313c;--design-muted:#5e6c78;--design-accent:#3158b8;--design-line:#dce3e8;background:#f1f5f4;color:var(--design-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.finance-dashboard .nav-group h2{font-size:12px;margin:18px 12px 6px;color:#5e6c78}
.finance-dashboard main:has(#workspace:not([hidden])) .dashboard-heading>div:first-child{display:none}
.finance-dashboard main:has(#workspace:not([hidden])) .dashboard-heading{padding-block:8px;margin-bottom:16px}
.finance-dashboard:has(#demo-banner:not([hidden])) .dashboard-heading{display:none}
.finance-dashboard .blueprint-export-menu{position:relative}
.finance-dashboard .blueprint-export-menu>summary{cursor:pointer;min-height:44px;padding:12px;border:1px solid #cfd9e2;border-radius:6px;background:#fff}
.finance-dashboard .blueprint-export-menu[open]{display:grid;gap:8px}
.finance-dashboard .s7-disclosure{background:#fff!important;border-radius:8px!important;box-shadow:none}
.finance-dashboard .milestone-list{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;padding-left:18px}
.finance-dashboard #blueprint-top .blueprint-intro{background:transparent;padding:0;border:0}
.finance-dashboard #funding-chart{padding-block:20px;border-block:1px solid #dce3e8}
.finance-dashboard #workspace.amounts-hidden :is(svg,input,textarea,.progress-track,.allocation-pie){visibility:hidden!important}
.finance-dashboard #workspace.amounts-hidden svg{pointer-events:none}
.finance-dashboard #hide-amounts{border:1px solid #cfd9e2;margin:0;min-height:44px;background:#fff}
.finance-dashboard #blueprint-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.finance-dashboard #blueprint-toolbar select{max-width:100%;min-height:44px;background:#fff;border:1px solid #cfd9e2;border-radius:6px;padding:8px}
.finance-dashboard #workspace>.workspace-tabs>[hidden]{display:none!important}
.finance-dashboard #net-worth-tooltip{padding:12px;background:#fff;border:1px solid #cfd9e2;font-size:13px}
.finance-dashboard .projection-key:before{border-top-style:dashed!important}
.finance-dashboard .net-worth-chart [role=button]:focus{outline:3px solid #3158b8}
.finance-dashboard #net-worth-home>select{display:block;width:100%;min-height:44px;min-width:0;background:#fff;border:1px solid #cfd9e2;padding:8px;font-size:13px}
.finance-dashboard #workspace #goal-roadmap{background:transparent;padding:16px 0}
.finance-dashboard #workspace .journey-scroll{background:transparent;border:0}
.finance-dashboard #workspace #glance{background:transparent;padding:16px 0}
.finance-dashboard #workspace #net-worth-home{padding:20px 12px}
.finance-dashboard #workspace :is(#glance,#net-worth-home,#funding-chart,.panel-grid>.panel,.blueprint-intro){background:#fff}
.finance-dashboard #workspace .panel-grid>.panel{border:0;border-top:1px solid var(--design-line);border-radius:0}
.finance-dashboard #workspace .nav-group{background:#fff;padding:0;min-width:0}
.finance-dashboard #workspace .nav-group h2{font-size:12px}
.finance-dashboard #workspace>.workspace-tabs{align-items:start}
.finance-dashboard #workspace>.workspace-tabs>button{align-self:start}
.finance-dashboard #funding-chart h2{font-size:21px;font-weight:600}
.finance-dashboard .net-worth-legend .milestone-key:before{border-color:#b44969}
.finance-dashboard *{letter-spacing:0}
.finance-dashboard :is(h1,h2,h3,td,dd,label,.small,.notice){overflow-wrap:anywhere}
.finance-dashboard .goal-top>div{min-width:0}
.finance-dashboard header{background:#fff;border-bottom:1px solid var(--design-line);max-width:1320px;padding:20px 32px}
.finance-dashboard :is(table,button,input,select,textarea){font-family:inherit}
.finance-dashboard main{max-width:1320px;padding:32px 32px 60px}
.finance-dashboard .dashboard-heading{align-items:start;margin:0 0 28px;padding-bottom:24px;border-bottom:1px solid var(--design-line)}
.finance-dashboard .dashboard-heading h1{font-size:30px;line-height:1.25;font-weight:600;margin:10px 0}
.finance-dashboard .dashboard-heading h1 span{color:var(--design-ink)}
.finance-dashboard .dashboard-heading p{font-size:14px;color:var(--design-muted);margin:8px 0}
.finance-dashboard .eyebrow{font-size:11px;font-weight:650;color:var(--design-muted)}
.finance-dashboard .identity{font-size:13px;line-height:1.5;padding:12px 0;overflow-wrap:anywhere}
.finance-dashboard #workspace{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:28px;align-items:start}
.finance-dashboard #workspace>.workspace-tabs{grid-column:1;grid-row:1/14;position:sticky;top:20px;display:flex;flex-direction:column;gap:6px;margin:0;padding:0 20px 0 0;border:0;border-right:1px solid var(--design-line);overflow:visible;white-space:normal;align-self:stretch}
.finance-dashboard #workspace>:not(.workspace-tabs){grid-column:2;min-width:0}
.finance-dashboard .workspace-tabs button{width:100%;min-height:44px;border:0;border-radius:6px;text-align:left;padding:11px 12px;font-size:13px;color:var(--design-muted);background:transparent}
.finance-dashboard .workspace-tabs button[aria-current]{background:#e8eefb;color:#24489d;font-weight:650}
.finance-dashboard .workspace-tabs button:hover{background:#edf1f6}
.finance-dashboard .metrics{gap:12px;margin:16px 0 24px}
.finance-dashboard .metric{padding:18px;background:#fff;border:1px solid var(--design-line);border-radius:8px;min-width:0}
.finance-dashboard .metric b{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.finance-dashboard .metric small{font-size:12px;color:var(--design-muted)}
.finance-dashboard .view-heading{align-items:center;margin-bottom:22px;gap:14px}
.finance-dashboard .view-heading h2,.finance-dashboard #glance h2{font-size:20px;font-weight:600}
.finance-dashboard .view-heading p{font-size:13px;color:var(--design-muted);line-height:1.6}
.finance-dashboard .goal-card{border-radius:8px;padding:22px;border-color:var(--design-line);box-shadow:none}
.finance-dashboard .goal-card h3{font-size:18px;font-weight:600}
.finance-dashboard .panel{background:transparent;border:0;border-top:1px solid var(--design-line);border-radius:0;padding:24px 0;box-shadow:none}
.finance-dashboard .panel-grid{gap:16px}
.finance-dashboard .panel-grid>.panel{background:#edf4f1;border:0;border-radius:0;padding:20px}
.finance-dashboard .panel-grid>.panel:nth-child(2n){background:#f3f0f7}
.finance-dashboard #glance{background:#eef3fa;padding:16px}
.finance-dashboard #glance .metrics{margin-bottom:0}
.finance-dashboard #net-worth-home{background:#edf5f1;padding:20px 16px}
.finance-dashboard #goal-roadmap{background:#f4f1f7;padding:16px;margin-bottom:24px}
.finance-dashboard .blueprint-intro{background:transparent;border:0;border-bottom:1px solid var(--design-line);border-radius:0;color:var(--design-ink);padding:20px 0}
.finance-dashboard .blueprint-intro p{color:var(--design-muted);font-size:14px}
.finance-dashboard .blueprint-intro h3{font-size:24px;font-weight:600}
.finance-dashboard .goal-values b,.finance-dashboard .key-values dd,.finance-dashboard .amount{font-variant-numeric:tabular-nums}
.finance-dashboard .goal-cards{gap:16px}
.finance-dashboard .primary,.finance-dashboard .secondary,.finance-dashboard .row-action,.finance-dashboard .goal-controls button{min-height:44px;border-radius:7px;font-size:13px}
.finance-dashboard .primary{background:var(--design-accent);border-color:var(--design-accent)}
.finance-dashboard .secondary{background:#fff;color:var(--design-ink);border-color:#cfd9e2}
.finance-dashboard .goal-controls,.finance-dashboard .goal-foot,.finance-dashboard .view-actions{flex-wrap:wrap}
.finance-dashboard .notice{border-radius:6px;background:#edf3fc;border-color:#d5e2f4;color:#3e5779;font-size:12px}
.finance-dashboard .error{background:#fff1f0;color:#9e2828;border-color:#eac4c1}
.finance-dashboard .table-wrap{border-radius:8px;border-color:var(--design-line);max-width:100%}
.finance-dashboard .data-table th{background:#f1f4f7;color:#5b6977;text-transform:none;font-size:12px}
.finance-dashboard .data-table td{line-height:1.6}
.finance-dashboard .data-table button{margin:3px 0;white-space:normal}
.finance-dashboard .data-table input,.finance-dashboard .data-table select{min-height:44px}
.finance-dashboard .form-grid input,.finance-dashboard .form-grid select,.finance-dashboard .form-grid textarea{min-height:44px;border-radius:6px}
.finance-dashboard dialog{border-radius:8px;box-shadow:0 18px 60px #182a3a26;background:#fff}
.finance-dashboard .dialog-top h2{font-size:21px}
.finance-dashboard .dialog-top button{width:44px;height:44px;flex:0 0 44px}
.finance-dashboard .gate,.finance-dashboard .empty{border-radius:8px;background:#fff;box-shadow:none}
.finance-dashboard .gate h2{font-size:24px}
.finance-dashboard .journey-heading h2{font-size:20px}
.finance-dashboard .journey-scroll{background:#f4f7f9;border-radius:8px;border-color:var(--design-line)}
.finance-dashboard .milestone-card,.finance-dashboard .goal-mix,.finance-dashboard .goal-chat-review{border-radius:8px;box-shadow:none}
.finance-dashboard .goal-chat-bot,.finance-dashboard .goal-chat-answer,.finance-dashboard .goal-chat-options button{border-radius:8px}
.finance-dashboard .goal-chat-bot{font-size:17px;background:#edf2fa}
.finance-dashboard .investment-filter-panel{border-radius:8px}
.finance-dashboard .allocation-pie{box-shadow:none}
.finance-dashboard #net-worth-home{padding:20px 0;border-block:1px solid var(--design-line);margin:12px 0 24px}
.finance-dashboard .net-worth-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.finance-dashboard .net-worth-heading h2{font-size:21px;margin:0}
.finance-dashboard .net-worth-heading strong{font-size:22px}
.finance-dashboard .net-worth-legend{display:flex;gap:20px;margin:16px 0;font-size:12px;flex-wrap:wrap}
.finance-dashboard .net-worth-legend span:before{content:'';display:inline-block;width:22px;border-top:3px solid #287a61;margin-right:7px;vertical-align:middle}
.finance-dashboard .net-worth-legend .desired-key:before{border-top:3px dashed #b44969}
.finance-dashboard .net-worth-chart{display:block;width:100%;height:auto;aspect-ratio:760/225;min-height:140px;overflow:visible}
.finance-dashboard .net-worth-chart text{font:12px system-ui;fill:#566371}
.finance-dashboard #net-worth-target{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:12px}
.finance-dashboard #net-worth-target label{flex:1;min-width:160px}
.finance-dashboard #net-worth-target input{display:block;width:100%;min-height:44px;margin-top:6px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font:inherit;color:inherit;box-sizing:border-box}
.finance-dashboard #net-worth-target label{font-size:13px;font-weight:600}
.finance-dashboard #net-worth-target p{flex-basis:100%}
@media(max-width:600px){.finance-dashboard .net-worth-chart text{font-size:22px}.finance-dashboard #net-worth-target label{flex-basis:100%}}
.finance-dashboard :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #477bc1;outline-offset:3px}
.finance-dashboard footer{border-top:1px solid var(--design-line);font-size:12px}
@media(max-width:1050px){.finance-dashboard #workspace{grid-template-columns:150px minmax(0,1fr);column-gap:20px}.finance-dashboard .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-dashboard .goal-cards{grid-template-columns:1fr}}
@media(max-width:760px){.finance-dashboard main{padding:24px 18px 44px}.finance-dashboard .dashboard-heading{display:block;margin-bottom:18px;padding-bottom:18px}.finance-dashboard .dashboard-heading h1{font-size:26px}.finance-dashboard .identity{max-width:none;text-align:left;padding:0;margin-top:14px}.finance-dashboard #workspace{display:block}.finance-dashboard #workspace>.workspace-tabs{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;border:0;border-bottom:1px solid var(--design-line);padding:0 0 14px;margin:0 0 14px}.finance-dashboard .workspace-tabs button{font-size:12px;padding:10px}.finance-dashboard .view-heading{display:block}.finance-dashboard .view-actions{margin-top:14px}.finance-dashboard .metric{padding:15px 12px}.finance-dashboard .metric b{font-size:21px}.finance-dashboard .metrics{gap:10px}.finance-dashboard .goal-card{padding:18px}.finance-dashboard .goal-values{grid-template-columns:1fr;gap:12px}.finance-dashboard .goal-values>div{display:flex;justify-content:space-between;gap:12px}.finance-dashboard .goal-values small{margin:0}.finance-dashboard .goal-foot{display:block}.finance-dashboard .goal-controls{margin-top:12px}.finance-dashboard .panel-grid{grid-template-columns:1fr}.finance-dashboard .panel-grid>.panel{padding:18px}.finance-dashboard .blueprint-intro h3{font-size:22px}.finance-dashboard dialog{padding:18px}.finance-dashboard .dialog-top h2{font-size:19px}}
