body{min-height:100%;padding:var(--space-8) var(--space-6)}.page{max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.page-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:300;color:var(--color-text)}.uptime-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.04em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:1024px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid{grid-template-columns:1fr}body{padding:var(--space-6) var(--space-4)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.card-header{display:flex;align-items:center;justify-content:space-between}.card-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.card-value{font-size:var(--text-2xl);font-weight:600;color:var(--color-text);line-height:1}.card-value.accent{color:var(--color-accent)}.card-value.warn{color:var(--color-warn)}.card-value.crit{color:var(--color-critical)}.bar-track{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:var(--color-accent);border-radius:2px;transition:width var(--duration-base) var(--ease-out)}.bar-fill.warn{background:var(--color-warn)}.bar-fill.crit{background:var(--color-critical)}.section{display:flex;flex-direction:column;gap:var(--space-3)}.fs-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.fs-row:last-child{border-bottom:none}.fs-meta{display:flex;justify-content:space-between;align-items:baseline}.fs-mount{font-size:var(--text-sm);color:var(--color-text-2);font-family:monospace}.fs-usage{font-size:var(--text-sm);color:var(--color-text)}.net-row{display:flex;align-items:center;font-size:var(--text-sm);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.net-row:last-child{border-bottom:none}.net-left{flex:0 0 50%;min-width:0;display:flex;justify-content:space-between;align-items:baseline;padding-right:var(--space-3)}.net-chart-wrap{flex:1;min-width:0;overflow:hidden}.net-iface{color:var(--color-text-2);font-family:monospace}.net-stats{display:flex;gap:var(--space-4)}.net-rx{color:var(--color-blue)}.net-tx{color:var(--color-text-muted)}.sparkline{margin-top:var(--space-2);overflow:hidden}.status-bar{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.ts-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.ts-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;align-items:center;justify-items:center;gap:var(--space-2);min-width:160px;flex:1 1 160px}.ts-card-top{display:flex;align-items:center;gap:var(--space-2)}.ts-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.ts-os,.ts-seen{font-size:var(--text-xs);color:var(--color-text-muted)}.ts-seen.warn{color:var(--color-warn)}.ts-seen.crit{color:var(--color-critical)}.skeleton{opacity:.3}[data-loading]{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.system-info{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.04em;margin-top:var(--space-1)}.proc-row{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.proc-row:last-child{border-bottom:none}.proc-name{flex:1;font-family:monospace;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.proc-stat{min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.proc-user{min-width:72px;text-align:right;color:var(--color-text-muted);font-size:var(--text-xs)}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.app-grid{grid-template-columns:1fr}}.container-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.container-row:last-child{border-bottom:none}.container-name{flex:1;font-family:monospace;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.container-stat{min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.container-mem{min-width:64px;text-align:right;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.cmp-wrap{overflow-x:auto}.cmp-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.cmp-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:var(--space-2) var(--space-4) var(--space-2) 0;border-bottom:1px solid var(--color-border);white-space:nowrap}.cmp-table td{padding:var(--space-2) var(--space-4) var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-2);vertical-align:middle;white-space:nowrap}.cmp-table tr:last-child td{border-bottom:none}.cmp-name{font-weight:600;color:var(--color-text)!important;min-width:90px}.cmp-yes{color:var(--color-accent)}.cmp-partial{color:var(--color-warn);font-size:var(--text-xs)}.cmp-no{color:var(--color-text-muted)}