:root{--bg-primary:#0b1020;--bg-secondary:#0f172ad1;--bg-tertiary:#1e293bb8;--surface:#0f172af0;--text-primary:#edf2ff;--text-secondary:#9aa8c7;--text-muted:#7380a3;--accent-ok:#3ddc97;--accent-warning:#fbbf24;--accent-critical:#f87171;--accent-metadata:#7dd3fc;--accent-central:#f472b6;--border:#94a3b829;--shadow:0 28px 60px #02061761;--font-family:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #38bdf82e, transparent 28%), radial-gradient(circle at top right, #f472b624, transparent 24%), linear-gradient(180deg, #07101f 0%, var(--bg-primary) 100%);min-height:100vh;color:var(--text-primary);font-family:var(--font-family);margin:0;padding:0;line-height:1.5}#app{width:min(1440px,100vw - 2rem);margin:0 auto;padding:1.25rem 0 3rem}header{flex-direction:column;gap:1.25rem;display:flex}h1{background:linear-gradient(135deg,#c4b5fd,#67e8f9 55%,#fb7185);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.02}h2{margin:0;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.15}.header-content{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.header-content.compact{margin-top:.5rem}.hero-card,.central-panel,.alerts-section,.table-container{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px}.hero-card{background:linear-gradient(135deg, #38bdf826, #f472b61f), var(--surface);grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);align-items:end;gap:1rem;margin-bottom:.25rem;padding:1.5rem;display:grid}.hero-copy h1{max-width:14ch}.eyebrow,.section-label,.note-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin:0 0 .4rem;font-size:.72rem}.hero-text{max-width:64ch;color:var(--text-secondary);margin:.9rem 0 0}.hero-meta{flex-direction:column;align-items:flex-end;gap:.85rem;display:flex}.sync-info{color:var(--text-secondary);font-size:.85rem}.hero-chips,.central-badges,.pill-row{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-card{background:linear-gradient(180deg, var(--bg-secondary), #0f172a94);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:.25rem;padding:1.15rem;display:flex}.stat-card .label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);font-size:.74rem}.stat-card .value{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:800}.stat-card.ok{border-color:#3ddc9766}.stat-card.warning{border-color:#fbbf2473}.stat-card.critical{border-color:#f8717173}.stat-card.metadata{border-color:#7dd3fc73}.stat-card.support{border-color:#7dd3fc38}.central-panel{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.4rem;display:flex}.central-copy p{color:var(--text-secondary);margin:.4rem 0 0}.alerts-section{margin-top:1rem;padding:1.25rem 1.4rem}.alerts-section.metadata{background:#0c182ceb;border-color:#7dd3fc47}.alerts-list{flex-direction:column;gap:.5rem;display:flex}.alert-item{color:var(--accent-critical);background:#f8717114;border:1px solid #f871712e;border-radius:14px;padding:.85rem .95rem;font-size:.92rem}.alert-item.metadata{color:var(--accent-metadata);background:#7dd3fc14;border-color:#7dd3fc2e}.table-container{margin-top:1rem;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:980px}th,td{border-bottom:1px solid var(--border);vertical-align:top;padding:1rem 1.1rem}th{z-index:1;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;background:#070d1beb;font-size:.74rem;position:sticky;top:0}.central-row{background:linear-gradient(90deg,#f472b614,#7dd3fc0a)}.source-name-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.source-name{color:var(--text-primary);font-weight:600}.source-name.central{color:#f9a8d4}.repo-path{color:var(--text-secondary);margin-top:.2rem;font-size:.75rem}.status-pill{text-transform:lowercase;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.status-pill.ok{color:var(--accent-ok);background:#3ddc9729}.status-pill.warning{color:var(--accent-warning);background:#fbbf2429}.status-pill.critical{color:var(--accent-critical);background:#f8717129}.stats-pill{background:var(--bg-tertiary);border:1px solid var(--border);text-align:center;border-radius:8px;min-width:2.5rem;padding:.25rem .6rem;font-size:.85rem;font-weight:700;display:inline-block}.stats-pill.pill-real{color:var(--text-primary);background:#a5b4fc1a;border-color:#a5b4fc66}.stats-pill.pill-unknown{color:var(--text-muted);border-style:dashed}.stats-pill.pill-not_applicable{color:var(--text-muted);opacity:.6;font-size:.7rem}.pill-row{justify-content:flex-start;margin-top:.45rem}.chip{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.chip.small{padding:.24rem .5rem;font-size:.68rem}.chip-ok{color:var(--accent-ok);background:#3ddc971f;border-color:#3ddc973d}.chip-warning{color:var(--accent-warning);background:#fbbf241f;border-color:#fbbf243d}.chip-critical{color:var(--accent-critical);background:#f871711f;border-color:#f871713d}.chip-metadata{color:var(--accent-metadata);background:#7dd3fc1f;border-color:#7dd3fc38}.chip-central{color:var(--accent-central);background:#f472b61f;border-color:#f472b640}.notes-group{gap:.75rem;display:grid}.note-block{gap:.25rem;display:grid}.notes{color:var(--text-secondary);font-size:.8rem}.notes.metadata{color:var(--accent-metadata)}footer{text-align:center;color:var(--text-secondary);margin-top:3rem;padding-bottom:2rem;font-size:.8rem}@media (width<=900px){#app{width:min(100vw - 1rem,100vw);padding-top:.5rem}.hero-card,.central-panel{grid-template-columns:1fr;align-items:start;display:grid}.hero-meta,.central-badges{justify-content:flex-start;align-items:flex-start}.header-content{flex-direction:column;align-items:flex-start}table{min-width:760px}}