body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;margin:0}
main{max-width:980px;margin:24px auto;padding:0 16px}
h1{margin:0 0 8px}
.hero{display:flex;gap:14px;align-items:center;margin-bottom:8px}
.avatar{width:72px;height:72px;border-radius:12px;object-fit:cover}
.summary-wrap{display:flex;gap:12px;align-items:center}
.tagline{margin:0;color:#cbd5e1;font-style:italic}
.card{background:#111827;border:1px solid #334155;border-radius:12px;padding:12px;margin:12px 0}
table{width:100%;border-collapse:collapse;background:#111827;border:1px solid #334155}
th,td{padding:8px;border-bottom:1px solid #1f2937;font-size:14px;text-align:left}
a:link{color:#ffffff;text-decoration:none}
a:visited{color:#facc15;text-decoration:none}
a:hover,a:active{opacity:.9;text-decoration:none}
.link-list a{display:inline-block;margin:4px 0}
.link-table{border:none;background:transparent}
.link-table th,.link-table td{border:none;padding:6px 0}
.ok{color:#22c55e}.warning{color:#f59e0b}.critical{color:#ef4444}
.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:8px}
.metric{background:#0b1220;border:1px solid #1f2937;border-radius:10px;padding:10px;min-width:0}
.metric-label{font-size:12px;color:#94a3b8;margin-bottom:4px}
.metric-value{font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metric-sub{font-size:12px;color:#94a3b8;margin-top:4px}
@media (max-width: 980px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width: 640px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}