.performance-head{margin-bottom:16px}
.period-tabs{display:flex;gap:7px;flex-wrap:wrap}
.period-tabs button{background:#273650}
.chart{width:100%;height:auto;min-height:220px;background:#0d1524;border-radius:10px}
.chart text{fill:var(--muted);font-size:12px}
.axis{stroke:#40506c;stroke-width:1}
.chart-line{fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.bar-positive{fill:var(--green)}
.bar-negative{fill:var(--red)}
.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.metric-grid div{background:#101a2c;border-radius:10px;padding:14px}
.metric-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}
.metric-grid b{font-size:18px}
.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.help-grid article{background:#101a2c;border:1px solid var(--line);border-radius:12px;padding:16px}
.help-grid h3{margin:0 0 8px}
.help-grid p{margin:0;line-height:1.55}
.help-steps{display:grid;gap:9px}
.help-steps span{background:#101a2c;border-left:3px solid var(--blue);padding:11px 13px;border-radius:6px}
@media(max-width:900px){.help-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}}