.header-account{margin-left:auto;text-align:right;padding-right:17px;border-right:1px solid var(--line);display:flex;flex-direction:column}.header-account small{color:var(--muted);margin-top:3px}.connection{margin:0 16px}.strategy-performance{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}.strategy-performance span,.backtest-grid span{background:#f5f8f7;border-radius:9px;padding:9px;color:var(--muted);font-size:11px}.strategy-performance b,.backtest-grid b{display:block;color:var(--ink);font-size:14px;margin-top:4px}.riskgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.riskgrid label small{color:var(--muted);font-weight:400}.option-layout{grid-template-columns:minmax(0,3fr) minmax(270px,1fr)}tr.atm td{background:#eef8f4;color:var(--green)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#edf2ef;padding:4px;border-radius:12px;margin:18px 0}.mode-switch button{border:0;background:transparent}.mode-switch button.selected{background:white;color:var(--green);box-shadow:0 3px 10px #1b513d18}.backtest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px}.backtest-grid span{padding:16px}.backtest-grid b{font-size:20px}@media(max-width:1000px){.riskgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.riskgrid,.backtest-grid{grid-template-columns:1fr}.header-account{display:none}}
.clickable-card{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.clickable-card:hover,.clickable-card:focus{transform:translateY(-2px);border-color:#9bd8c1;box-shadow:0 12px 28px #168a631c;outline:none}.position-split{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:7px 0}.position-split span{display:flex;justify-content:space-between;background:#f2f8f5;border-radius:8px;padding:7px 9px;color:var(--muted);font-size:12px}.position-split strong{color:var(--ink)}.position-summary{display:flex;gap:8px;margin-bottom:14px}.position-summary button{display:flex;gap:9px;align-items:center}.position-summary button.selected{background:var(--green);border-color:var(--green);color:white}.env-badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.env-badge.paper{background:#eaf5ff;color:#2874bd}.env-badge.real{background:#e8f6f0;color:var(--green)}