.system-health-card { display: grid; gap: 18px; }
.system-health-kpis { display: grid; grid-template-columns: repeat(4, minmax(160px, 1fr)); gap: 14px; }
.system-health-kpi { background: #fff; border: 1px solid rgba(15, 48, 89, .08); border-radius: 18px; padding: 16px; box-shadow: 0 14px 34px rgba(16, 50, 90, .06); }
.system-health-kpi span { display: block; color: #6b7c93; font-size: 12px; font-weight: 800; margin-bottom: 8px; }
.system-health-kpi strong { color: #071d3a; font-size: 26px; line-height: 1; }
.system-health-status { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; font-weight: 900; font-size: 12px; }
.system-health-status.healthy { background: #e9fbf3; color: #087344; }
.system-health-status.attention { background: #fff3dc; color: #a15a00; }
.system-health-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 16px; }
.system-check-list { display: grid; gap: 10px; }
.system-check-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-radius: 14px; background: #f8fbff; border: 1px solid rgba(15, 48, 89, .08); }
.system-check-row i { color: #15aa78; }
.system-check-row.failed i { color: #ef4444; }
.system-check-row span { color: #071d3a; font-weight: 800; }
.system-code-table { width: 100%; border-collapse: collapse; }
.system-code-table th, .system-code-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid rgba(15,48,89,.08); font-size: 13px; }
.system-code-table th { color: #6b7c93; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.system-muted { color: #6b7c93; font-size: 13px; }
@media (max-width: 1100px) { .system-health-kpis { grid-template-columns: repeat(2, 1fr); } .system-health-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .system-health-kpis { grid-template-columns: 1fr; } }