.graph-controls{display:flex;gap:9px}.graph-controls select{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}.graph-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:16px}.graph-summary span{background:#fff;padding:15px;color:var(--muted);font-size:11px}.graph-summary b{display:block;color:var(--ink);font-size:17px;margin:6px 0 0 17px}.graph-summary i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}.income-key{background:#27ad80}.account-key{background:#4f7cff}.expense-key{background:#df6a71}.balance-key{background:#a972df}.graph-layout{display:grid;grid-template-columns:minmax(670px,1fr) 270px;gap:16px}.graph-panel{overflow:auto}.graph-columns{display:grid;grid-template-columns:1fr 1fr 1fr;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-align:center;margin-bottom:10px}.money-graph{width:1000px;max-width:100%;height:600px;position:relative;background:radial-gradient(circle at 50% 40%,#f3faf7 0,transparent 32%),linear-gradient(90deg,#fafcfb 0 33%,#fff 33% 66%,#fafcfb 66%);border:1px solid var(--line);border-radius:13px;overflow:hidden}.graph-lines{position:absolute;inset:0;width:100%;height:100%}.flow{fill:none;stroke-linecap:round;opacity:.32;transition:.25s}.income-flow{stroke:#24ab7e;stroke-width:38}.income-flow.thin{stroke-width:23}.income-flow.thinner{stroke-width:13}.expense-flow{stroke:#df6970}.expense-flow.wide{stroke-width:31}.expense-flow.medium{stroke-width:23}.expense-flow.thin{stroke-width:14}.blue-flow{stroke:#5b7ce1}.violet-flow{stroke:#9a65ce}.balance-flow{stroke:#2eb48a;stroke-width:35}.flow.dimmed{opacity:.06}.flow.highlighted{opacity:.7;filter:drop-shadow(0 2px 3px #0002)}.graph-node{position:absolute;width:150px;min-height:72px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;text-align:left;box-shadow:0 7px 20px rgba(20,55,48,.08);cursor:pointer;display:grid;grid-template-columns:30px 1fr;gap:2px 8px;align-items:center;transition:.2s}.graph-node:hover,.graph-node.selected{transform:translateY(-2px);border-color:#6dbda2;box-shadow:0 12px 28px rgba(20,90,72,.16)}.graph-node>span{grid-row:1/3;width:29px;height:29px;border-radius:8px;background:#e4f6ef;color:#16825f;display:grid;place-items:center}.graph-node b{font-size:12px}.graph-node small{color:var(--muted);font-size:10px}.graph-node.source{left:20px}.graph-node.hub{left:425px;top:195px;width:150px;border-color:#9bb2ff}.graph-node.hub>span{background:#e8edff;color:#4f68c7}.graph-node.target{left:830px}.n-sales{top:80px}.n-services{top:215px}.n-yield{top:350px}.n-suppliers{top:48px}.n-team{top:153px}.n-card{top:258px}.n-invest{top:363px}.n-balance{top:475px}.n-card>span{background:#e9efff;color:#4f68c7}.n-invest>span{background:#f1eafb;color:#8558b9}.graph-detail{align-self:start;position:sticky;top:92px}.graph-detail h2{font-size:21px;margin:6px 0}.graph-detail>strong{font-size:20px;color:var(--green)}.graph-detail>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.6}.graph-detail hr{border:0;border-top:1px solid var(--line);margin:18px 0}.graph-detail small{color:var(--muted);line-height:1.5}.graph-table{margin-top:16px}@media(max-width:1150px){.graph-layout{grid-template-columns:1fr}.graph-detail{position:static}.money-graph{max-width:none}.graph-panel{padding-bottom:12px}}@media(max-width:760px){.graph-summary{grid-template-columns:1fr 1fr}.graph-controls{flex-direction:column}.graph-panel{padding:12px}.money-graph{transform-origin:top left}.graph-layout{display:block}.graph-detail{margin-top:14px}}
