.ss-nav { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px; }
.ss-nav .nav-btn { padding:8px 20px; border:1.5px solid #d1d5db; border-radius:8px; background:#fff; color:#374151; font-size:14px; font-weight:500; cursor:pointer; transition:all .15s; }
.ss-nav .nav-btn.active { background:#2563eb; border-color:#2563eb; color:#fff; }
.ss-nav .nav-btn:hover:not(.active) { background:#f3f4f6; }

.ss-main .section { display:none; }
.ss-main .section.active { display:block; }

.ss-kpi-row { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.ss-kpi { flex:1; min-width:160px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:16px 20px; }
.ss-kpi .val { font-size:28px; font-weight:700; color:#1e40af; line-height:1; margin-bottom:4px; }
.ss-kpi .lbl { font-size:12px; color:#6b7280; line-height:1.4; }

.chart-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:20px 24px; margin-bottom:20px; }
.chart-card h3 { font-size:16px; font-weight:600; color:#111827; margin:0 0 6px; }
.chart-card .desc { font-size:13px; color:#6b7280; margin-bottom:16px; }
.chart-card .note { font-size:11px; color:#9ca3af; margin-top:8px; }

.ss-table { width:100%; border-collapse:collapse; font-size:13px; }
.ss-table th { text-align:left; padding:10px 12px; background:#f9fafb; border-bottom:2px solid #e5e7eb; color:#374151; font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.4px; }
.ss-table td { padding:10px 12px; border-bottom:1px solid #f3f4f6; color:#374151; vertical-align:top; }
.ss-table tr:hover td { background:#f8fafc; }
.ss-table .rank { font-weight:700; color:#9ca3af; width:36px; }
.ss-table .name { font-weight:500; color:#111827; }
.ss-table .num { font-variant-numeric:tabular-nums; color:#374151; }
.ss-table .badge { display:inline-block; padding:2px 8px; border-radius:99px; font-size:11px; font-weight:500; background:#dbeafe; color:#1d4ed8; }
.ss-bar-wrap { display:flex; align-items:center; gap:8px; }
.ss-bar { height:10px; background:#2563eb; border-radius:4px; min-width:2px; opacity:.8; }