.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.toolbar select,.toolbar button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px;color:var(--ink)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{padding:18px}.kpi .number{font:27px Georgia;margin:8px 0 4px}.kpi .delta{font-size:11px}.line-chart{height:300px;padding:14px 8px 28px 42px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.line-chart svg{width:100%;height:100%;overflow:visible}.line-chart .grid{stroke:#e8eeea;stroke-width:1}.line-chart .value-line{fill:none;stroke:#17483d;stroke-width:3}.line-chart .invested-line{fill:none;stroke:#d98945;stroke-width:2;stroke-dasharray:6 5}.line-chart .area{fill:url(#chartGradient)}.chart-legend{display:flex;gap:18px;font-size:11px;color:var(--muted);margin-top:12px}.chart-legend i{display:inline-block;width:16px;height:3px;margin-right:6px}.periods{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.period{text-align:center;padding:15px 8px;border:1px solid var(--line);border-radius:12px}.period b{display:block;font:20px Georgia;color:#318467;margin-top:6px}.accounts-list{display:grid;gap:10px}.account-row{display:grid;grid-template-columns:1fr auto;gap:6px;padding:14px;border:1px solid var(--line);border-radius:12px}.account-row .progress{grid-column:1/-1;height:5px;background:#edf1ef;border-radius:9px;overflow:hidden}.account-row .progress i{display:block;height:100%;background:var(--green)}.account-row small{color:var(--muted)}.asset-bars{display:grid;gap:13px}.asset-bar .row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.asset-bar .track{height:9px;border-radius:9px;background:#edf1ef;overflow:hidden}.asset-bar .track i{display:block;height:100%;border-radius:9px;background:var(--green)}.drift{display:flex;align-items:center;gap:10px;min-width:170px}.drift-line{height:5px;flex:1;background:#e8eeeb;border-radius:5px;position:relative}.drift-line:after{content:"";position:absolute;width:2px;height:13px;background:#70847e;left:50%;top:-4px}.drift-line i{position:absolute;width:9px;height:9px;border-radius:50%;background:#d98945;top:-2px;left:calc(50% + var(--drift) * 12%)}.fee-stack{height:22px;border-radius:8px;overflow:hidden;display:flex;margin:20px 0}.fee-stack i{height:100%}.callout{background:#edf5f1;border-left:4px solid var(--green);padding:15px;border-radius:0 10px 10px 0}.two-equal{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-gap{margin-top:18px}@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.periods{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.kpis,.two-equal{grid-template-columns:1fr}.periods{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-direction:column}.line-chart{height:240px;padding-left:20px}}