.modelhub-hero{padding:var(--space-12) 0 var(--space-8);text-align:center;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}
.modelhub-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-2)}
.modelhub-subtitle{font-size:1.125rem;color:var(--text-secondary)}
.modelhub-content{padding:var(--space-8) 0 var(--space-16)}
.modelhub-loading{text-align:center;color:var(--text-muted);padding:var(--space-8)}
.modelhub-endpoint{margin-bottom:var(--space-10)}
.modelhub-endpoint-header{margin-bottom:var(--space-6)}
.modelhub-endpoint-name{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-1)}
.modelhub-endpoint-url{font-size:.875rem;color:var(--text-muted);font-family:var(--font-mono)}
.modelhub-endpoint-url a{color:var(--accent);text-decoration:none}
.modelhub-endpoint-url a:hover{text-decoration:underline}
.modelhub-endpoint-desc{font-size:.9375rem;color:var(--text-secondary);margin-top:var(--space-2)}
.modelhub-endpoint-apis{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}
.modelhub-api-badge{padding:2px 10px;font-size:.75rem;font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-full)}
.modelhub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}
.modelhub-card{padding:var(--space-5);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);display:flex;flex-direction:column}
.modelhub-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}
.modelhub-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}
.modelhub-card-name{font-size:1rem;font-weight:600;font-family:var(--font-mono)}
.modelhub-card-ctx{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-full)}
.modelhub-card-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:#dcfce7;color:#166534}
.modelhub-card-status.degraded{background:#fef3c7;color:#92400e}
.modelhub-card-status.down{background:#fee2e2;color:#991b1b}
.modelhub-card-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.modelhub-card-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-3);flex:1}
.modelhub-card-caps{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}
.modelhub-card-cap{padding:2px 8px;font-size:.75rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full)}
.modelhub-card-health{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:auto}
.modelhub-health-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
.modelhub-health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#22c55e}
.modelhub-health-dot.degraded{background:#eab308}
.modelhub-health-dot.down{background:#ef4444}
.modelhub-health-text{font-family:var(--font-mono);font-size:.8rem;font-weight:600}
.modelhub-health-bars{display:flex;gap:2px;height:24px;align-items:flex-end}
.modelhub-health-bar{flex:1;min-width:0;height:100%;border-radius:2px;background:#22c55e;transition:background .3s}
.modelhub-health-bar.degraded{background:#eab308}
.modelhub-health-bar.down{background:#ef4444}
.modelhub-health-bar.nodata{background:#22c55e}
.modelhub-health-timeline{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.7rem;color:var(--text-muted)}
.modelhub-card-pricing{display:flex;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}
.modelhub-card-price{font-size:.8125rem;color:var(--text-secondary)}
.modelhub-card-price strong{color:var(--text-primary);font-weight:600}
.modelhub-empty{text-align:center;color:var(--text-muted);padding:var(--space-12)}
[data-theme=dark] .modelhub-card-status{background:rgba(34,197,94,.15);color:#4ade80}
[data-theme=dark] .modelhub-card-status.degraded{background:rgba(234,179,8,.15);color:#facc15}
[data-theme=dark] .modelhub-card-status.down{background:rgba(239,68,68,.15);color:#f87171}
[data-theme=dark] .modelhub-health-dot{background:#4ade80}
[data-theme=dark] .modelhub-health-dot.degraded{background:#facc15}
[data-theme=dark] .modelhub-health-dot.down{background:#f87171}
[data-theme=dark] .modelhub-health-bar{background:#4ade80}
[data-theme=dark] .modelhub-health-bar.degraded{background:#facc15}
[data-theme=dark] .modelhub-health-bar.down{background:#f87171}
[data-theme=dark] .modelhub-health-bar.nodata{background:#4ade80}
@media(max-width:768px){.modelhub-title{font-size:2rem}.modelhub-grid{grid-template-columns:1fr}}