:root{--muted:#586d78;--red:#a52c40}
.form-hint,.chart-legend,.chart-caption,.stat-label,.page-footer,.footer-lock{color:var(--muted)}
.chart-axis{fill:#586d78}
.badge.paid,.badge.success{color:#28634d}.badge.pending,.badge.warning{color:#775410}
[hidden]{display:none!important}
.theme-toggle{white-space:nowrap;min-height:36px}.guest-theme{position:absolute;right:24px;top:20px;z-index:1}
.planning-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.planning-choice{border:1px solid var(--line);border-radius:12px;margin:0 0 22px;padding:14px;display:grid;gap:10px}.planning-choice legend{font-weight:600;font-size:12px;padding:0 6px}.planning-choice label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.planning-choice label:has(:checked){background:var(--teal-soft);border-color:var(--teal)}.planning-choice input{margin-top:4px;flex:none}.planning-choice strong{font-size:12px;color:var(--ink)}.planning-choice small{display:block;font-weight:400;margin-top:4px;line-height:1.5}.planning-choice label:focus-within{outline:2px solid var(--teal);outline-offset:2px}
html[data-theme=dark]{color-scheme:dark;--navy:#122a3c;--navy-dark:#0c1926;--ink:#f0f5fa;--muted:#b6c6d3;--line:#425568;--bg:#0d1722;--white:#182735;--teal:#7de5d0;--teal-soft:#173f3b;--red:#ffb1b9;--red-soft:#47232e;--amber:#f6d38a;color:var(--ink)}
[data-theme=dark] body,[data-theme=dark] .auth-page{background:var(--bg);color:var(--ink)}
[data-theme=dark] .card,[data-theme=dark] .topbar,[data-theme=dark] dialog,[data-theme=dark] .auth-card,[data-theme=dark] .guest-card{background:#182735;color:var(--ink);border-color:var(--line)}
[data-theme=dark] .button,[data-theme=dark] .btn,[data-theme=dark] .filters input,[data-theme=dark] .filters select,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#12202e;color:#eaf2fa;border-color:#5a7185}
[data-theme=dark] .button:hover{background:#284052}
[data-theme=dark] .button.primary,[data-theme=dark] button.primary,[data-theme=dark] .btn-primary{background:#7de5d0;color:#092c27;border-color:#7de5d0}
[data-theme=dark] .button.primary:hover{background:#a5f3e4}
[data-theme=dark] label,[data-theme=dark] .form-hint,[data-theme=dark] .stat-label,[data-theme=dark] .stat-foot,[data-theme=dark] .card-header p,[data-theme=dark] .section-heading p,[data-theme=dark] .chart-caption,[data-theme=dark] .page-footer,[data-theme=dark] .footer-lock,[data-theme=dark] .logout,[data-theme=dark] .breadcrumb,[data-theme=dark] .auth-story>p:not(.eyebrow),[data-theme=dark] .auth-story-note,[data-theme=dark] .auth-card .auth-footnote,[data-theme=dark] .auth-resend{color:var(--muted)}
[data-theme=dark] .breadcrumb strong,[data-theme=dark] .empty-state h3,[data-theme=dark] .auth-story .brand{color:var(--ink)}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#a3b6c8;opacity:1}
[data-theme=dark] .badge,[data-theme=dark] .details-note,[data-theme=dark] .investment-metric,[data-theme=dark] .page>section.card.notice,[data-theme=dark] .category-icon,[data-theme=dark] .account-mark,[data-theme=dark] .avatar,[data-theme=dark] .empty-symbol,[data-theme=dark] .dialog-close,[data-theme=dark] .mobile-menu{background:#263e50;color:#d8e7f4;border-color:var(--line)}
[data-theme=dark] .badge.paid,[data-theme=dark] .badge.success,[data-theme=dark] .notice.success,[data-theme=dark] .alert:not(.error),[data-theme=dark] .movement-icon,[data-theme=dark] .stat-icon{background:#17443c;color:#a1f3d7;border-color:#4a806e}
[data-theme=dark] .badge.pending,[data-theme=dark] .badge.warning,[data-theme=dark] .notice,[data-theme=dark] .stat-icon.gold{background:#44391f;color:#ffe0a1;border-color:#9e854c}
[data-theme=dark] .alert.error,[data-theme=dark] .notice.error,[data-theme=dark] .movement-icon.out,[data-theme=dark] .stat-icon.red{background:#482733;color:#ffbdc5;border-color:#b0717c}
[data-theme=dark] .movement-icon.transfer,[data-theme=dark] .stat-icon.blue,[data-theme=dark] .badge.info{background:#213e5b;color:#b9dfff}
[data-theme=dark] .positive{color:#93edc6}[data-theme=dark] .negative{color:#ffb1b9}
[data-theme=dark] th,[data-theme=dark] thead{background:#203345;color:#c7d8e6}
[data-theme=dark] td,[data-theme=dark] th,[data-theme=dark] .list-row,[data-theme=dark] .category-row,[data-theme=dark] .dialog-actions,[data-theme=dark] .chart-caption,[data-theme=dark] .auth-footnote,[data-theme=dark] .auth-story-note{border-color:var(--line)}
[data-theme=dark] tbody tr:hover{background:#203547}
[data-theme=dark] .chart-axis{fill:#c7d8e6}[data-theme=dark] .chart-grid{stroke:#425568}
[data-theme=dark] .chart-bar-income{fill:#7de5d0}[data-theme=dark] .chart-bar-expense{fill:#86a8dc}
[data-theme=dark] .chart-line{stroke:#7de5d0}[data-theme=dark] .chart-area{fill:#17443c}[data-theme=dark] .chart-point{fill:#182735;stroke:#7de5d0}
[data-theme=dark] .chart-legend{color:var(--muted)}[data-theme=dark] .brand-mark{color:#092c27}
[data-theme=dark] .dot{background:#7de5d0}[data-theme=dark] .dot.expense{background:#86a8dc}
[data-theme=dark] .nav-label,[data-theme=dark] .sidebar-bottom,[data-theme=dark] .brand-name small{color:#b6c9d8}
[data-theme=dark] .nav-link{color:#cee0ee}[data-theme=dark] .nav-link.active{background:#28564f;color:#fff}
[data-theme=dark] dialog::backdrop{background:#030a12b8}
[data-theme=dark] :focus-visible{outline-color:#baf9ed;outline-width:3px}
@media(max-width:640px){.theme-label{display:none}.theme-toggle{min-width:36px;padding:6px}.guest-theme{position:relative;display:flex;margin:14px 18px 0 auto;right:auto;top:auto}.planning-tabs .button{flex:1;font-size:11px}.planning-choice{padding:10px}.planning-choice label{padding:10px}}
.investment-tabs{margin-top:-5px;margin-bottom:24px}.investment-tabs .button{padding:9px 17px}.investment-summary .stat>small{line-height:1.6;max-width:260px}.investment-row-actions{display:flex;gap:6px;align-items:center}.investment-type-badge{margin-top:8px}.investment-income-strip{border:1px solid #cde2d8;background:#ecf6ef;padding:21px 24px;border-radius:15px;margin-bottom:24px;display:flex;align-items:center;gap:22px;justify-content:space-between}.investment-income-strip h2{font-size:19px;margin:7px 0}.investment-income-strip p{font-size:11px;max-width:750px;color:#527363;margin-bottom:0;line-height:1.7}.investment-income-strip .badge{flex:none}.investment-source-note{font-size:11px;line-height:1.8;color:var(--muted);margin:18px 0 0}.investment-history{border:1px solid var(--line);border-radius:10px;overflow:hidden}.investment-history summary{padding:14px 16px;cursor:pointer;font-size:12px;font-weight:550}.investment-history summary:focus-visible{outline-offset:-4px}.investment-history>.table-wrap{margin:0;max-height:330px;overflow:auto}.investment-history[open] summary{border-bottom:1px solid var(--line)}.investment-history .muted{font-weight:400}.investment-form-dialog{width:min(660px,calc(100vw - 32px))}.investment-type-select{margin-bottom:23px}.investment-type-select>select{font-weight:550;min-height:45px;background:#f3f8f5;border-color:#bfd7ca}.investment-form-note{font-size:11px;color:var(--muted);line-height:1.7;margin:20px 0 0}.investment-contract-hint{border-radius:9px;padding:13px 15px;font-size:11px;line-height:1.8;background:#f6f2e8;border:1px solid #e9dfc5;color:#806b3f}.investment-contract-hint strong{display:block;margin-bottom:3px}.investment-details-dialog{width:min(860px,calc(100vw - 32px));padding:29px}.investment-details-dialog .dialog-heading{align-items:start}.investment-detail-subtitle{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 0}.investment-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.investment-detail-metrics .investment-metric{padding:16px}.investment-detail-metrics small{display:block;font-size:10px;line-height:1.6}.investment-detail-metrics strong{font-size:21px;margin-top:7px;font-weight:600;letter-spacing:-.4px}.investment-tax-breakdown{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:10px;color:var(--muted);padding:17px 2px}.investment-tax-breakdown strong{color:var(--ink);font-weight:550;margin-left:6px;white-space:nowrap}.investment-coupon-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;background:#edf6ef;border:1px solid #d9e7dc;border-radius:12px;padding:19px;margin-top:6px}.investment-coupon-summary small{display:block;font-size:10px;line-height:1.6}.investment-coupon-summary strong{display:block;font-size:22px;font-weight:600;color:#287f61;margin-top:5px}.investment-coupon-summary p{grid-column:1/-1;font-size:10px;line-height:1.8;color:#627e6b;margin:0}.investment-maturity{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.investment-maturity .section-heading{margin-bottom:17px;align-items:center}.investment-maturity .section-heading .eyebrow{font-size:9px;margin-bottom:7px}.investment-maturity h3{font-size:16px;margin-bottom:0}.investment-detail-note{font-size:11px;color:var(--muted);line-height:1.8;margin:13px 0}.investment-next-payment{background:#f1f6f3;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;margin:24px 0}.investment-next-payment>span{font-size:11px;color:var(--muted)}.investment-next-payment>span>strong{display:block;color:var(--ink);font-size:14px;margin-top:3px}.investment-next-payment>strong{font-size:20px;white-space:nowrap;font-weight:600;letter-spacing:-.3px}.investment-next-payment>strong small{font-size:10px;font-weight:400}.investment-schedule{margin-top:25px}.investment-schedule>h3{font-size:15px;margin-bottom:0}.investment-schedule-scroll{margin:0;border:1px solid var(--line);border-radius:10px;max-height:330px;overflow:auto}.investment-schedule-scroll th{position:sticky;top:0;z-index:1}.investment-schedule-scroll th,.investment-schedule-scroll td{padding:13px 15px;font-size:11px}.investment-schedule-scroll th{font-size:10px}.investment-assumptions strong{font-weight:650}
[data-theme=dark] .investment-type-select>select{background:#1c3542;border-color:#557d78}[data-theme=dark] .investment-income-strip,[data-theme=dark] .investment-coupon-summary{background:#173d36;border-color:#4c7466}[data-theme=dark] .investment-income-strip p,[data-theme=dark] .investment-coupon-summary p{color:#bfd5c8}[data-theme=dark] .investment-coupon-summary strong{color:#9debc5}[data-theme=dark] .investment-contract-hint{background:#3d3623;border-color:#7e6d48;color:#f4db9d}[data-theme=dark] .investment-next-payment{background:#203b45}
@media(max-width:920px){.investment-income-strip{align-items:start;flex-direction:column;gap:13px}.investment-detail-metrics strong{font-size:18px}.investment-details-dialog{padding:24px}.investment-tax-breakdown{gap:10px 17px}}
@media(max-width:640px){.investment-tabs{gap:7px}.investment-tabs .button{flex:1 1 40%;font-size:11px;padding:9px}.investment-income-strip{padding:18px}.investment-income-strip h2{font-size:17px}.investment-detail-metrics{grid-template-columns:1fr;gap:9px}.investment-detail-metrics .investment-metric{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px}.investment-detail-metrics small{max-width:53%}.investment-detail-metrics strong{font-size:19px;margin:0;white-space:nowrap}.investment-details-dialog{padding:21px 18px}.investment-details-dialog .dialog-heading h2{font-size:21px}.investment-details-dialog .dialog-heading .eyebrow{font-size:9px;line-height:1.7}.investment-tax-breakdown{gap:8px 15px;padding:15px 0}.investment-tax-breakdown span:last-child{width:100%}.investment-coupon-summary{padding:15px;gap:12px}.investment-coupon-summary strong{font-size:18px}.investment-maturity .section-heading{display:block}.investment-maturity .section-heading .badge{margin-top:11px}.investment-next-payment{padding:14px}.investment-next-payment>strong{font-size:17px}.investment-history summary{font-size:11px;padding:13px}.investment-history summary>.muted{display:block;font-size:10px;margin-top:5px}.investment-cdi-card .section-heading{display:block}.investment-cdi-card .section-heading>.badge{margin-top:13px}}
