:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#1971d8;--primary-hover:#155fb8;--primary-pressed:#0f4a8f;--sky:#3a95f5;--light-blue:#8fd0ff;--tint:#e6f1fe;--tint-border:#cfe2fb;--link:#155fb8;--ink:#11142d;--text-secondary:#5b5d70;--text-muted:#6b6d80;--bg-app:#f7f9fc;--surface:#fff;--surface-subtle:#fafbfd;--border:#e6ebf2;--divider:#f0f3f6;--track:#eef2f7;--nav-text:#484848;--nav-hover:#f3f3f3;--critical:#b0174b;--critical-bg:#ffe3ec;--critical-bd:#f9d3df;--critical-tint:#fff8fa;--high:#ff7a1a;--high-text:#a33e00;--high-bg:#ffe8da;--medium:#ffce73;--medium-text:#7a5600;--medium-bg:#fff4dc;--low:#a3a3a3;--low-text:#4f5466;--low-bg:#eef0f4;--healthy:#22c391;--healthy-text:#0d7a5c;--healthy-bg:#e6f8f2;--font-main:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #11142d0d;--shadow-md:0 4px 12px #11142d0f, 0 1px 2px #11142d0a;--sidebar-w:248px;--header-h:72px;--content-max:1600px;--bg:#fff;--surface2:#f5f7fa;--surface3:var(--track);--border2:#dde3ec;--text:var(--ink);--text2:var(--text-secondary);--muted:var(--text-muted);--accent:var(--primary);--accent-hover:var(--primary-hover);--accent-bg:var(--tint);--accent-mid:var(--sky);--accent-light:var(--tint-border);--on-accent:#fff;--red:var(--critical);--red-bg:var(--critical-bg);--red-bd:var(--critical-bd);--orange:var(--high-text);--orange-bg:var(--high-bg);--orange-bd:#ffd2b8;--yellow:var(--medium-text);--yellow-bg:var(--medium-bg);--yellow-bd:#ffe2a8;--green:var(--healthy-text);--green-bg:var(--healthy-bg);--green-bd:#b5ecd9;--blue:var(--link);--blue-bg:var(--tint);--blue-bd:var(--tint-border);--purple:#6941c6;--purple-bg:#f4f0ff;--purple-bd:#ddd3fb;--sev-critical:var(--critical);--sev-critical-text:var(--critical);--sev-critical-bg:var(--critical-bg);--sev-high:var(--high);--sev-high-text:var(--high-text);--sev-high-bg:var(--high-bg);--sev-medium:var(--medium);--sev-medium-text:var(--medium-text);--sev-medium-bg:var(--medium-bg);--sev-low:var(--low);--sev-low-text:var(--low-text);--sev-low-bg:var(--low-bg);--sev-negligible:var(--low);--sev-negligible-text:var(--low-text);--sev-negligible-bg:var(--low-bg);--src-grype:var(--primary);--src-vuln:var(--light-blue);--src-alert:var(--ink);--chart-grid:var(--track);--tooltip-bg:#fff;--font:var(--font-main);--radius:var(--radius-lg);--shadow:var(--shadow-sm);--shadow-lg:var(--shadow-md)}*,:before,:after{box-sizing:border-box}body{background:var(--bg-app);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent-mid);outline-offset:2px}.app-shell{background:var(--bg-app);height:100vh;color:var(--ink);font-family:var(--font-main);display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:16px;padding:24px 16px;display:flex;overflow-y:auto}.app-nav{flex-direction:column;gap:2px;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.nav-item{height:40px;color:var(--nav-text);border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-group{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;padding:14px 12px 4px;font-size:11px;font-weight:600;display:flex}.nav-item:hover{background:var(--nav-hover);color:var(--ink)}.nav-item[data-active]{background:var(--tint);color:var(--link)}.app-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:0 32px;display:flex}.app-content{max-width:var(--content-max);width:100%;padding:32px}.app-topbar{display:none}@media (width<=1024px){.app-shell{flex-direction:column}.app-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 16px;display:flex}.app-sidebar{z-index:50;width:min(300px,86vw);box-shadow:var(--shadow-md);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar[data-open]{transform:none}.app-scrim{z-index:40;background:#11142d59;position:fixed;inset:0}.app-header{flex-wrap:wrap;height:auto;min-height:56px;padding:10px 16px}.app-content{padding:20px 16px}}@media (width>=1025px){.app-scrim,.app-menu-btn,.app-sidebar-close{display:none!important}}.sp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0}.sp-btn{border:1px solid var(--border);background:var(--surface);height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.sp-btn:hover{background:var(--nav-hover)}.sp-btn:disabled{opacity:.6;cursor:not-allowed}.sp-btn-primary{background:var(--primary);color:#fff;border:0;padding:0 20px}.sp-btn-primary:hover{background:var(--primary-hover)}.sp-btn-sm{height:32px;padding:0 12px;font-size:13px}.sp-pill{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--nav-text);border-radius:999px;min-width:0;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600}.sp-search{color:var(--text-muted);cursor:text;align-items:center;gap:8px;font-weight:400;display:flex}.sp-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:13px}.sp-table{border-collapse:collapse;width:100%}.sp-table th{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);text-align:left;background:var(--surface-subtle);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:12px 14px;font-size:12px;font-weight:600}.sp-table td{border-bottom:1px solid var(--divider);vertical-align:middle;padding:12px 14px;font-size:14px}.sp-table tbody tr:hover{background:var(--surface-subtle)}.sp-table .r{text-align:right}.sp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.sp-page-head h1{letter-spacing:-.015em;margin:0;font-size:28px;font-weight:600;line-height:36px}.sp-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:16px 20px;display:flex}@media (width<=720px){.sp-toolbar{grid-template-columns:1fr 1fr;padding:14px 16px;display:grid}.sp-toolbar>.sp-search{grid-column:1/-1;max-width:none!important}.sp-toolbar>*{width:100%}}@media (width<=1280px){.hide-xl{display:none!important}}@media (width<=1024px){.hide-lg{display:none!important}}@media (width<=720px){.hide-sm{display:none!important}.sp-page-head h1{font-size:24px;line-height:32px}}@media (width>=721px){.only-sm{display:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}