:root {
  color-scheme: dark;
  --bg:#0b1220; --panel:#0f172a; --border:#1f2b40; --muted:#9fb3c8; --text:#e5e7eb;
  --accent:#60a5fa; --pill:#182235; --pill-br:#223049; --ok:#34d399; --warn:#f59e0b;
}
html,body { background: radial-gradient(1200px 700px at 20% -10%, #111b2a 0%, var(--bg) 40%), var(--bg); color: var(--text); }
.prohub .title { color:#dbeafe; }
.prohub .subtitle { color: var(--muted); }
.prohub .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
.prohub .card { background:var(--panel); border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:0 10px 24px rgba(0,0,0,.25); }
.prohub .card h3 { margin:0 0 6px; color:#a5b4fc; font-weight:700; }
.prohub .card p { margin:0 0 10px; color:#cdd6e5; }
.prohub .pill { display:inline-block; padding:4px 10px; border-radius:999px; border:1px solid var(--pill-br); background:var(--pill); color:#cbd5e1; font-size:12px; }
.prohub .pill.live { border-color:#14532d; color:#a7f3d0; background:#062b1a; }
.prohub .pill.preview { border-color:#7c5a15; color:#fde68a; background:#2b1f06; }
.prohub .navbtn { color:#93c5fd; border:1px solid var(--pill-br); padding:6px 12px; border-radius:12px; text-decoration:none; }