:root{color:#111820;background:#f4f5f6}
body{background:#f4f5f6;color:#111820}
a{color:#087daf}
button:focus-visible,a:focus-visible,.upload-control:focus-within{outline:2px solid #139bd0;outline-offset:3px}
.shell{max-width:1470px;padding:0 24px 40px}
.topbar{min-height:88px;margin-top:14px;padding:14px 23px;background:#fff;border:1px solid #e7eaec;border-radius:20px;box-shadow:0 3px 16px #1218200a}
.identity{letter-spacing:.06em;font-size:.875rem;color:#111820}
.identity strong{font-size:1rem;letter-spacing:.12em}
.identity small{color:#66737b;letter-spacing:.075em}
.logo{width:47px;height:47px;border:0;border-radius:15px;background:#111820;color:#fff;font-size:1.625rem;box-shadow:inset 0 -4px 0 #159ccb}
.identity .site-version{background:#f5f7f8;border-color:#e3e8eb;color:#59656d}
.status{color:#4c5b65}
.status-dot{background:#1a9a6c;box-shadow:none}
.status.warning{color:#9b5714}
.status.warning .status-dot{background:#f07928;box-shadow:none}
.font-switch,.language-switch,.segmented{background:#f2f4f5;border:1px solid #e5e9eb;border-radius:12px}
.font-switch button,.language-switch button{color:#3b4a53}
.font-switch button:hover:not(:disabled),.language-switch button:hover:not(.selected){background:#e5ebee;color:#111820}
.font-switch button:disabled{color:#aab4b9}
.font-switch output{color:#64717a}
.language-switch button.selected,.segmented button.selected{background:#111820;color:#fff;box-shadow:0 2px 8px #11182024}
.hero{position:relative;overflow:hidden;margin:19px 0 0;padding:49px 45px 47px;background:#fff;border:1px solid #e7eaec;border-radius:27px;box-shadow:0 6px 25px #1218200a}
.hero::after{content:"";position:absolute;width:330px;height:175px;right:-76px;top:43px;border:13px solid #fa722a;border-radius:55% 45% 58% 42%;transform:rotate(-24deg);pointer-events:none;opacity:.9}
.hero::before{content:"";position:absolute;width:165px;height:90px;right:85px;top:140px;border:10px solid #f9b993;border-radius:50%;transform:rotate(25deg);pointer-events:none;opacity:.6}
.hero>*{position:relative;z-index:1}
.hero .eyebrow,.eyebrow{color:#087eae;letter-spacing:.15em}
h1,h2,h3{color:#111820}
h1{max-width:940px;margin:16px 0 16px;font-weight:790;letter-spacing:-.055em}
.hero p{max-width:680px;color:#53636d;font-size:1rem}
.segmented button{color:#43525c}
.site-facts{margin:18px 0;background:#fff;border-color:#e5e9eb;border-radius:20px;box-shadow:0 3px 14px #12182008}
.site-fact{padding:18px 22px}
.site-fact+.site-fact{border-color:#e7eaec}
.site-fact strong{color:#17222a}
.site-fact span{color:#60707a}
.fact-source{background:#129cca;box-shadow:none}
.fact-independent{background:#f17329;box-shadow:none}
.fact-privacy{background:#159768;box-shadow:none}
.metric,.panel{background:#fff;border-color:#e5e9eb;border-radius:23px;box-shadow:0 5px 22px #1218200a}
.summary-grid{gap:15px}
.metric{position:relative;min-height:139px;padding:21px 22px;overflow:hidden}
.metric::before{content:"";position:absolute;top:0;left:21px;width:52px;height:4px;border-radius:0 0 5px 5px;background:#139bca}
.metric:nth-child(1)::before{background:#f4772e}
.metric:nth-child(3)::before{background:#16976b}
.metric:nth-child(4)::before{background:#f3a65e}
.metric-label{color:#5f6c74}
.metric-value{color:#111820}
.metric-sub{color:#6d7a83}
.metric-value.positive,.positive{color:#087f55}
.metric-value.negative,.negative{color:#c44439}
.dot.green{background:#f4772e;box-shadow:none}
.dot.blue{background:#159ccc;box-shadow:none}
.dot.gold{background:#8c6cc0;box-shadow:none}
.panel{margin-top:18px;padding:26px}
.muted,.chart-note,.footnote{color:#667782}
.button,.range-buttons button,.series-button{background:#fff;border:1px solid #d7dfe3;border-radius:11px;color:#26343d}
.button:hover,.range-buttons button:hover,.series-button:hover{background:#f3f7f9;border-color:#7ba9bb}
.button.subtle{background:#fff}
.range-buttons button.selected,.account-tab[aria-pressed="true"]{background:#111820;border-color:#111820;color:#fff}
.series-button{background:#f6f8f9}
.series-button:not(.selected){color:#78868e;opacity:.75}
.series-button.selected{border-color:#a7b8c0}
.tooltip{background:#111820;border-color:#111820;color:#fff;box-shadow:0 14px 34px #1118203b}
.date-pill{background:#f3f6f7;border-color:#e0e6e9;color:#485a65}
th{color:#5f707a;border-bottom-color:#d8e0e4}
td{color:#28363f;border-bottom-color:#e9eef0}
td.period-name{color:#15222b}
td.positive,.portfolio-operations td.positive{color:#087f55}
td.negative,.portfolio-operations td.negative{color:#c44439}
.subcell{color:#697c87}
.returns-table .subtotal-row{background:#eef7fa}
.returns-table .half-row{background:#eaf3f7}
.returns-table .year-row{background:#e3eef3}
.returns-table .subtotal-row td{border-top-color:#d3e3ea}
.subtotals-toggle[aria-pressed="true"]{border-color:#148cba;color:#116f96}
.period-selector .range-buttons:not(:first-child){border-left-color:#dce4e8}
.methodology ul{color:#485b66}
.source-links a{border-bottom-color:#8cc5d9}
footer{color:#6f808a}
.upload-control{background:#111820;border-color:#111820;color:#fff}
.upload-control:hover{background:#24333d;border-color:#24333d}
.portfolio-privacy,.portfolio-status{color:#5c717d}
.portfolio-status.error{color:#c44439}
.portfolio-metrics>div,.chart-series-card,.portfolio-period-change,.portfolio-operations,.portfolio-review{background:#f7f9fa;border-color:#e0e7ea}
.portfolio-metrics>div.portfolio-total-card{background:#e7f3f7;border-color:#92c9da}
.portfolio-metrics span,.portfolio-metrics small,.portfolio-comparison-dates,.portfolio-period-change small,.portfolio-change-grid span,.portfolio-breakdown span,.portfolio-change-grid .portfolio-unit-nav,.chart-series-values span,.chart-series-change span{color:#61727c}
.portfolio-metrics strong,.portfolio-total-card strong,.portfolio-change-grid strong,.portfolio-breakdown strong,.portfolio-unit-nav b,.chart-series-values strong,.portfolio-quantity-breakdown strong{color:#15232c}
.portfolio-legend,.chart-series-title,.portfolio-period-change .portfolio-change-heading,.portfolio-quantity-breakdown{color:#263d49}
.portfolio-review p{color:#5d707b}
.portfolio-review input,.portfolio-custom-period select,.account-form input,.account-form select{background:#fff;border-color:#cbd8de;color:#162630;color-scheme:light}
.portfolio-custom-period label{color:#546671}
.portfolio-custom-period select:focus-visible{outline-color:#159cca}
.portfolio-quantity-breakdown,.chart-series-values>div+div,.chart-series-change,.portfolio-change-grid>div,.portfolio-breakdown,.portfolio-breakdown>div,.portfolio-breakdown .portfolio-breakdown-total{border-color:#dce4e8}
.portfolio-period-change .positive,.portfolio-unit-nav em.positive,.portfolio-breakdown .positive,.chart-series-change strong.positive{color:#087f55}
.portfolio-period-change .negative,.portfolio-unit-nav em.negative,.portfolio-breakdown .negative,.chart-series-change strong.negative{color:#c44439}
.portfolio-operations summary{color:#22333d}
.portfolio-operations summary:hover{background:#edf3f5}
.portfolio-operations .portfolio-operation-note{color:#667984}
.account-tab{background:#fff;border-color:#d8e2e6;color:#23343d}
.account-tab:hover{background:#f4f8fa}
.account-form{background:#f7f9fa;border-color:#e0e7ea}
.account-form label,.account-operation-name{color:#5f7784}
.chart-series-change,.portfolio-breakdown{border-top-color:#dce4e8}
@media(max-width:650px){.shell{padding:0 14px 26px}.topbar{margin-top:9px;padding:15px;border-radius:16px}.hero{padding:32px 22px 34px;border-radius:20px}.hero::after{width:205px;height:105px;right:-95px;top:18px;border-width:8px;opacity:.35}.hero::before{display:none}.metric{padding:17px;min-height:125px}.panel{padding:18px;border-radius:18px}.site-fact{padding:14px 17px}}