:root{--bg-1:#0b172a;--bg-2:#1f2f4a;--panel:hsla(0,0%,100%,.08);--panel-border:hsla(0,0%,100%,.2);--text:#f4f7fb;--muted:#bbcae0;--accent:#4fd1c5;--accent-2:#f6ad55}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%,#33507f 0,var(--bg-1) 40%),linear-gradient(120deg,var(--bg-1),var(--bg-2))}a{color:inherit}.backdrop{position:fixed;inset:0;background:repeating-linear-gradient(-45deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.02) 10px,transparent 0,transparent 20px);pointer-events:none}.app{position:relative;width:min(1100px,95vw);margin:24px auto;display:grid;grid-gap:16px;gap:16px}.header h1{margin:0;font-size:clamp(1.8rem,3.2vw,2.8rem)}.header p{margin:6px 0 0;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.config{display:grid;grid-gap:10px;gap:10px}label{display:grid;grid-gap:6px;gap:6px;color:var(--muted)}input{border:1px solid hsla(0,0%,100%,.25);background:rgba(0,0,0,.2);color:var(--text);border-radius:10px;padding:10px}.actions{display:flex;gap:10px;flex-wrap:wrap}button{border:0;border-radius:10px;padding:10px 14px;background:var(--accent);color:#062627;font-weight:700;cursor:pointer}button.secondary{background:var(--accent-2);color:#3d2300}.status{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase}.badge-online{background:rgba(72,187,120,.25);border:1px solid rgba(72,187,120,.65);color:#9ef0b8}.badge-stale{background:rgba(246,173,85,.22);border:1px solid rgba(246,173,85,.65);color:#ffd59d}.badge-offline{background:hsla(0,88%,68%,.22);border:1px solid hsla(0,88%,68%,.65);color:#ffb2b2}.badge-unknown{background:rgba(160,174,192,.2);border:1px solid rgba(160,174,192,.5);color:#d7dfec}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.metric h2{margin:0;font-size:.95rem;color:var(--muted);font-weight:500}.metric p{margin:8px 0 0;font-size:1.6rem;font-weight:700}.table-panel h2{margin-top:0}table{width:100%;border-collapse:collapse;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}td,th{text-align:left;padding:8px 6px;border-bottom:1px solid hsla(0,0%,100%,.15)}th{color:var(--muted);font-weight:500}@media (max-width:650px){.table-panel{overflow-x:auto}table{min-width:620px}}