.set-grid { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 24px; align-items: start; }
.set-nav { display: flex; flex-direction: column; gap: 2px; position: sticky; top: 0; }
.oc-kpis { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.oc-kpi { padding: 16px; border-radius: var(--r-lg); background: var(--surface); border: 1px solid var(--line); display: flex; flex-direction: column; gap: 2px; }
.oc-kpi b { font-size: var(--fs-24); font-weight: 600; letter-spacing: -0.01em; }
.oc-kpi span { font-size: var(--fs-12); color: var(--ink-3); }
.oc-kpi i { font-style: normal; font-size: var(--fs-11); margin-top: 4px; }
.oc-chart { display: flex; align-items: flex-end; gap: 14px; height: 190px; padding: 0 6px; }
.oc-col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.oc-col i { display: block; width: 100%; max-width: 38px; border-radius: 6px 6px 2px 2px; background: var(--accent-soft-2); }
.oc-col:last-child i { background: var(--accent); }