:root{--sbom-sidebar-width:20%;--sbom-viewer-width:80%;--sbom-sidebar-bg:#fff;--sbom-sidebar-border:#e5e7eb;--sbom-item-bg-hover:#f9fafb;--sbom-item-bg-active:#f8fafc;--sbom-item-border-active:var(--foreground);--sbom-text-primary:#111827;--sbom-text-muted:#6b7280;--sbom-text-faint:#9ca3af;--sbom-chip-bg:#000;--sbom-chip-text:#fff;--sbom-viewer-bg:#f9fafb;--sbom-empty-icon:#d1d5db;--sbom-item-accent:#475569;--sbom-item-accent-idle:#e2e8f0}.dark,[data-theme=dark]{--sbom-sidebar-width:20%;--sbom-viewer-width:80%;--sbom-sidebar-bg:#0d1117;--sbom-sidebar-border:#21262d;--sbom-item-bg-hover:#161b22;--sbom-item-bg-active:#1c2128;--sbom-item-border-active:var(--foreground);--sbom-text-primary:#e6edf3;--sbom-text-muted:#8b949e;--sbom-text-faint:#484f58;--sbom-chip-bg:#fff;--sbom-chip-text:#000;--sbom-viewer-bg:#0d1117;--sbom-empty-icon:#30363d;--sbom-item-accent:#94a3b8;--sbom-item-accent-idle:#30363d}@keyframes sbomFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sbom-fade-in{animation:.25s forwards sbomFadeIn}@media (prefers-reduced-motion:reduce){.sbom-fade-in{animation:none}}.sbom-dashboard::-webkit-scrollbar{width:6px}.sbom-dashboard::-webkit-scrollbar-track{background:0 0}.sbom-dashboard::-webkit-scrollbar-thumb{background:#7f7f7f59;border-radius:999px}.sbom-dashboard::-webkit-scrollbar-thumb:hover{background:#7f7f7f99}.sbom-project-list{scrollbar-width:thin;scrollbar-color:var(--sbom-sidebar-border) transparent;flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.sbom-project-list::-webkit-scrollbar{width:6px;margin-right:2px}.sbom-project-list::-webkit-scrollbar-track{background:0 0}.sbom-project-list::-webkit-scrollbar-thumb{background:var(--sbom-sidebar-border);border-radius:3px}.sbom-project-list::-webkit-scrollbar-button{width:0;height:0;display:none}.sbom-project-list-item{flex-shrink:0}.sbom-project-item-btn{border-color:var(--sbom-sidebar-border);border-left:4px solid var(--sbom-item-accent-idle)}.sbom-project-item-btn:hover{background:var(--sbom-item-bg-hover)}.sbom-project-item-btn.is-active{border-left-color:var(--sbom-item-accent);background:var(--sbom-item-bg-active)}.sbom-project-item-btn.is-active:hover{background:var(--sbom-item-bg-active)}@media (max-width:767px){.sbom-project-list{flex:none;height:30vh}}.sbom-dashboard-grid{grid-template-columns:1fr;grid-template-areas:"header""projects""viewer";gap:16px;display:grid}.sbom-area-header{grid-area:header}.sbom-area-projects{grid-area:projects}.sbom-area-viewer{grid-area:viewer}@media (min-width:768px){.sbom-dashboard-grid{grid-template-columns:var(--sbom-projects-width,240px) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"projects header""projects viewer";gap:0;transition:grid-template-columns .2s ease-out}.sbom-area-projects{align-self:start;height:95vh;position:sticky;top:0}}