:root{--bg: #0b0e14;--panel: #131824;--panel-2: #1a2130;--border: #232c3e;--text: #dbe4f0;--muted: #8492a9;--accent: #4da3ff;--up: #3fb950;--down: #f85149;--warn: #d29922;--checking: #8492a9}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.app{max-width:1180px;margin:0 auto;padding:20px 16px 60px}.header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.header h1{font-size:20px;margin:0;letter-spacing:.3px}.header .hostname{color:var(--muted);font-size:13px}.header .spacer{flex:1}.ip-chip{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;cursor:pointer;display:flex;gap:8px;align-items:center}.ip-chip:hover{border-color:var(--accent)}.ip-chip .label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.gauges{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:20px}.gauge{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.gauge .g-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.gauge .g-value{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}.gauge .g-sub{color:var(--muted);font-size:12px;margin-top:3px;font-variant-numeric:tabular-nums}.bar{height:5px;background:var(--panel-2);border-radius:3px;margin-top:8px;overflow:hidden}.bar>div{height:100%;border-radius:3px;transition:width .6s ease}.bar .fill-ok{background:var(--up)}.bar .fill-warn{background:var(--warn)}.bar .fill-danger{background:var(--down)}.bar .fill-accent{background:var(--accent)}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:24px 0 10px;display:flex;align-items:center;gap:8px}.section-title .count{background:var(--panel-2);border-radius:10px;padding:1px 8px;font-size:11px}.services{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s}a.card:hover{border-color:var(--accent)}.card.disabled{opacity:.55}.card .top{display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot.up{background:var(--up);box-shadow:0 0 6px color-mix(in srgb,var(--up) 70%,transparent)}.dot.down{background:var(--down);box-shadow:0 0 6px color-mix(in srgb,var(--down) 70%,transparent)}.dot.checking{background:var(--checking);animation:pulse 1.2s ease-in-out infinite}.dot.unknown{background:var(--checking);opacity:.5}@keyframes pulse{50%{opacity:.35}}.card .name{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.badge{font-size:10px;border-radius:4px;padding:1px 5px;border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.badge.lan{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.badge.ssl-ok{color:var(--up);border-color:color-mix(in srgb,var(--up) 40%,transparent)}.badge.ssl-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,transparent)}.badge.ssl-bad{color:var(--down);border-color:color-mix(in srgb,var(--down) 50%,transparent)}.error-line{color:var(--down);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uptime-bar{display:flex;gap:1px;height:14px;align-items:stretch}.uptime-bar .cell{flex:1;border-radius:1px;background:var(--panel-2);min-width:1px}.uptime-bar .cell.ok{background:var(--up)}.uptime-bar .cell.partial{background:var(--warn)}.uptime-bar .cell.bad{background:var(--down)}.uptime-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:3px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;border-bottom:1px solid var(--border);font-weight:500}td{padding:8px 14px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}td.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.state-pill{font-size:11px;padding:1px 8px;border-radius:10px;text-transform:capitalize}.state-pill.running{background:color-mix(in srgb,var(--up) 18%,transparent);color:var(--up)}.state-pill.exited,.state-pill.dead{background:color-mix(in srgb,var(--down) 18%,transparent);color:var(--down)}.state-pill.paused{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.row-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:10px}.row-card .grow{flex:1;min-width:0}.row-card .sub{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.trend svg{width:100%;height:90px;display:block}.trend .legend{display:flex;gap:16px;color:var(--muted);font-size:11px;margin-top:8px}.trend .legend i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}.footer{color:var(--muted);font-size:12px;text-align:center;margin-top:40px}@media(max-width:640px){.gauges{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.services{grid-template-columns:1fr}}