main.svelte-18kc05d.svelte-18kc05d{max-width:900px;margin:0 auto;padding:40px 24px 80px}header.svelte-18kc05d.svelte-18kc05d{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;gap:16px;flex-wrap:wrap}h1.svelte-18kc05d.svelte-18kc05d{font-size:22px;font-weight:600;letter-spacing:-.02em;color:#fff}.subtitle.svelte-18kc05d.svelte-18kc05d{font-size:13px;color:#555;margin-top:2px}.header-right.svelte-18kc05d.svelte-18kc05d{display:flex;align-items:center;gap:12px}.summary.svelte-18kc05d.svelte-18kc05d{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;padding:6px 12px;border-radius:99px;background:#111;border:1px solid #1e1e1e}.summary-dot.svelte-18kc05d.svelte-18kc05d{width:7px;height:7px;border-radius:50%;background:#555}.summary.all-online.svelte-18kc05d .summary-dot.svelte-18kc05d{background:#22c55e}.summary.has-offline.svelte-18kc05d .summary-dot.svelte-18kc05d{background:#ef4444}.refresh-btn.svelte-18kc05d.svelte-18kc05d{display:flex;align-items:center;gap:7px;font-family:inherit;font-size:13px;font-weight:500;color:#888;background:#111;border:1px solid #1e1e1e;border-radius:99px;padding:6px 14px;cursor:pointer;transition:color .15s,border-color .15s}.refresh-btn.svelte-18kc05d.svelte-18kc05d:hover:not(:disabled){color:#e5e5e5;border-color:#333}.refresh-btn.svelte-18kc05d.svelte-18kc05d:disabled{cursor:default;opacity:.6}.spinning.svelte-18kc05d.svelte-18kc05d{animation:svelte-18kc05d-spin .8s linear infinite}@keyframes svelte-18kc05d-spin{to{transform:rotate(360deg)}}.loading-state.svelte-18kc05d.svelte-18kc05d{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 0;color:#555;font-size:14px}.spinner.svelte-18kc05d.svelte-18kc05d{width:24px;height:24px;border:2px solid #1e1e1e;border-top-color:#444;border-radius:50%;animation:svelte-18kc05d-spin .8s linear infinite}.grid.svelte-18kc05d.svelte-18kc05d{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.card.svelte-18kc05d.svelte-18kc05d{background:#111;border:1px solid #1a1a1a;border-radius:12px;padding:20px;transition:border-color .2s}.card.svelte-18kc05d.svelte-18kc05d:hover{border-color:#2a2a2a}.card.offline.svelte-18kc05d.svelte-18kc05d{border-color:#ef444433;background:#ef444408}.card-header.svelte-18kc05d.svelte-18kc05d{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.card-title-group.svelte-18kc05d.svelte-18kc05d{display:flex;flex-direction:column;gap:3px}.card-name.svelte-18kc05d.svelte-18kc05d{font-size:15px;font-weight:600;color:#e5e5e5}.card-desc.svelte-18kc05d.svelte-18kc05d{font-size:12px;color:#555}.status-badge.svelte-18kc05d.svelte-18kc05d{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:99px;white-space:nowrap;flex-shrink:0}.status-badge.online.svelte-18kc05d.svelte-18kc05d{color:#22c55e;background:#22c55e14;border:1px solid rgba(34,197,94,.15)}.status-badge.offline.svelte-18kc05d.svelte-18kc05d{color:#ef4444;background:#ef444414;border:1px solid rgba(239,68,68,.15)}.status-dot.svelte-18kc05d.svelte-18kc05d{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.online.svelte-18kc05d .status-dot.svelte-18kc05d{animation:svelte-18kc05d-pulse-green 2s infinite}@keyframes svelte-18kc05d-pulse-green{0%,to{opacity:1}50%{opacity:.4}}.card-meta.svelte-18kc05d.svelte-18kc05d{margin-bottom:16px}.card-url.svelte-18kc05d.svelte-18kc05d{font-size:12px;color:#444;text-decoration:none;transition:color .15s}.card-url.svelte-18kc05d.svelte-18kc05d:hover{color:#888}.card-stats.svelte-18kc05d.svelte-18kc05d{display:flex;gap:0;border-top:1px solid #1a1a1a;padding-top:14px}.stat.svelte-18kc05d.svelte-18kc05d{flex:1;display:flex;flex-direction:column;gap:4px}.stat.svelte-18kc05d+.stat.svelte-18kc05d{border-left:1px solid #1a1a1a;padding-left:12px;margin-left:12px}.stat-label.svelte-18kc05d.svelte-18kc05d{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#444}.stat-value.svelte-18kc05d.svelte-18kc05d{font-size:13px;font-weight:500;color:#888}.latency-good.svelte-18kc05d.svelte-18kc05d{color:#22c55e}.latency-ok.svelte-18kc05d.svelte-18kc05d{color:#f59e0b}.latency-slow.svelte-18kc05d.svelte-18kc05d{color:#ef4444}.latency-none.svelte-18kc05d.svelte-18kc05d{color:#444}.card-error.svelte-18kc05d.svelte-18kc05d{margin-top:12px;font-size:11px;color:#ef4444;background:#ef44440f;border:1px solid rgba(239,68,68,.1);border-radius:6px;padding:8px 10px;word-break:break-all}footer.svelte-18kc05d.svelte-18kc05d{margin-top:40px;font-size:12px;color:#333;text-align:center}