.system-view{display:grid;gap:2rem}.system-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem}.system-card{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid #303444;border-radius:.8rem;background:#121521}.system-card div{display:grid;gap:.25rem}.system-card small,.system-log small{color:#9297a8}.system-dot{width:.75rem;height:.75rem;border-radius:50%;background:#ff5f78;box-shadow:0 0 0 .25rem rgba(255,95,120,.12)}.system-card.healthy .system-dot{background:#6fe7a8;box-shadow:0 0 0 .25rem rgba(111,231,168,.12)}.system-card.warning .system-dot{background:#ffcf4a;box-shadow:0 0 0 .25rem rgba(255,207,74,.12)}.system-section{display:grid;gap:.8rem}.system-section h3{margin:0}.system-section .lead{margin:0}.system-log{display:grid;gap:.55rem}.system-log article{display:grid;gap:.5rem;padding:.85rem 1rem;border:1px solid #292d3b;border-radius:.7rem;background:#10131e}.system-log article>div{display:grid;gap:.25rem}.system-log code{overflow-wrap:anywhere;padding:.55rem;border-radius:.45rem;color:#cfd2dc;background:#090b12;font-size:.78rem;white-space:pre-wrap}