body { font-family: system-ui, sans-serif; margin: 2rem; color: #1a1a1a; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ddd; padding: 0.5rem; text-align: left; vertical-align: top; }
th { background: #f4f4f4; }
.badge { padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.85rem; background: #eee; }
.status-stable .badge { background: #d4edda; }
.status-active .badge { background: #cfe2ff; }
.status-attention .badge { background: #fff3cd; }
.status-blocked .badge, .status-collector_error .badge { background: #f8d7da; }
.status-planned .badge, .status-unknown .badge { background: #e2e3e5; }
.alert { padding: 0.25rem 0.5rem; margin-bottom: 0.25rem; border-radius: 4px; font-size: 0.85rem; }
.alert-warning { background: #fff3cd; }
.alert-critical { background: #f8d7da; }