@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-deep: #06060b;--bg-panel: rgba(14, 14, 22, .72);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .18);--text: #f4f4f8;--text-muted: rgba(244, 244, 248, .58);--text-dim: rgba(244, 244, 248, .38);--glow-purple: rgba(124, 58, 237, .35);--glow-cyan: rgba(6, 182, 212, .25);--up: #34d399;--degraded: #fbbf24;--down: #f87171;--checking: #94a3b8;--radius: 18px;--radius-sm: 12px;--font: "Instrument Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased}.hub-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(124,58,237,.22),transparent 55%),radial-gradient(ellipse 70% 50% at 85% 20%,rgba(37,99,235,.18),transparent 50%),radial-gradient(ellipse 60% 45% at 50% 100%,rgba(6,182,212,.12),transparent 55%),var(--bg-deep)}.hub-bg:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 180deg at 50% 50%,transparent,rgba(124,58,237,.06),transparent,rgba(6,182,212,.05),transparent);animation:aurora-spin 40s linear infinite}.hub-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}@keyframes aurora-spin{to{transform:rotate(360deg)}}.hub{max-width:1280px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.hub-header{text-align:center;margin-bottom:2.5rem}.hub-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;font-size:.78rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem}.hub-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 10px var(--up);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.hub-title{margin:0 0 .75rem;font-size:clamp(2.4rem,6vw,3.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(135deg,#fff,#c4b5fd 45%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.hub-subtitle{margin:0 auto;max-width:36rem;font-size:1.1rem;line-height:1.6;color:var(--text-muted)}.summary-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.25rem;margin:2rem 0 2.5rem;padding:1rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-panel);backdrop-filter:blur(20px)}.summary-stat{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.summary-stat strong{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}.summary-stat--up strong{color:var(--up)}.summary-stat--degraded strong{color:var(--degraded)}.summary-stat--down strong{color:var(--down)}.summary-divider{width:1px;height:1.5rem;background:var(--border)}.summary-meta{font-size:.82rem;color:var(--text-dim);font-family:var(--mono)}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.search-wrap{flex:1 1 220px;max-width:360px;position:relative}.search-wrap input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0a;color:var(--text);font:inherit;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.search-wrap input:focus{border-color:#7c3aed80;box-shadow:0 0 0 3px #7c3aed26}.search-wrap input::placeholder{color:var(--text-dim)}.search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.filters{display:flex;flex-wrap:wrap;gap:.45rem}.filter-btn{padding:.5rem .95rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--border-hover);color:var(--text);background:#ffffff0a}.filter-btn.is-active{border-color:#7c3aed8c;background:#7c3aed2e;color:#e9d5ff}.refresh-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0d;color:var(--text);font:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.refresh-btn:hover{border-color:var(--border-hover);background:#ffffff14}.refresh-btn.is-loading svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1rem}.card{position:relative;display:flex;flex-direction:column;gap:.85rem;padding:1.25rem 1.25rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-panel);backdrop-filter:blur(16px);text-decoration:none;color:inherit;overflow:hidden;transition:transform .25s ease,border-color .25s,box-shadow .25s}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--card-accent, #6366f1) 0%,transparent 55%);opacity:.07;pointer-events:none;transition:opacity .25s}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-accent, #6366f1);opacity:.65}.card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:0 12px 40px #00000059,0 0 30px color-mix(in srgb,var(--card-accent, #6366f1) 25%,transparent)}.card:hover:before{opacity:.12}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.card-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:14px;font-size:1rem;font-weight:600;font-family:var(--mono);background:color-mix(in srgb,var(--card-accent, #6366f1) 22%,transparent);border:1px solid color-mix(in srgb,var(--card-accent, #6366f1) 35%,transparent);color:var(--card-accent, #6366f1);flex-shrink:0}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .65rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.status-pill[data-state=up]{color:#6ee7b7;background:#34d3991f;border-color:#34d39940}.status-pill[data-state=degraded]{color:#fde68a;background:#fbbf241f;border-color:#fbbf2440}.status-pill[data-state=down]{color:#fca5a5;background:#f871711f;border-color:#f8717140}.status-pill[data-state=checking]{color:#cbd5e1;background:#94a3b81f;border-color:#94a3b833}.status-pill[data-state=unknown]{color:var(--text-dim);background:#ffffff0a;border-color:var(--border)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill[data-state=up] .status-dot{box-shadow:0 0 8px var(--up);animation:pulse-dot 2s ease-in-out infinite}.card-name{margin:0;font-size:1.15rem;font-weight:650;letter-spacing:-.02em}.card-domain{margin:.15rem 0 0;font-family:var(--mono);font-size:.78rem;color:var(--text-dim)}.card-desc{margin:0;font-size:.88rem;line-height:1.5;color:var(--text-muted);flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.35rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-dim)}.card-latency{font-family:var(--mono)}.card-arrow{color:var(--text-muted);transition:transform .2s,color .2s}.card:hover .card-arrow{transform:translate(2px,-2px);color:var(--card-accent, #6366f1)}.section-label{margin:2rem 0 1rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.hub-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;font-size:.85rem;color:var(--text-dim)}.hub-footer a{color:#a5b4fc;text-decoration:none}.hub-footer a:hover{text-decoration:underline}.card.is-hidden{display:none}@media(max-width:640px){.hub{padding:1.75rem 1rem 3rem}.summary-bar{flex-direction:column;align-items:stretch;text-align:center}.summary-divider{display:none}.toolbar{flex-direction:column;align-items:stretch}.search-wrap{max-width:none}}