@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#1c2333;--bg-hover:#21262d;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--border-default:#30363d;--border-muted:#21262d;--severity-critical:#f85149;--severity-critical-bg:#f851491f;--severity-high:#f0883e;--severity-high-bg:#f0883e1f;--severity-medium:#d29922;--severity-medium-bg:#d299221f;--severity-low:#58a6ff;--severity-low-bg:#58a6ff1f;--severity-unknown:#8b949e;--severity-unknown-bg:#8b949e1f;--accent:#58a6ff;--accent-hover:#79c0ff;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input,table{font:inherit}.app-layout{width:100vw;height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-default);background:var(--bg-secondary);flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border-default);flex-direction:column;gap:12px;padding:16px;display:flex}.sidebar-title{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.sidebar-path,.sidebar-error,.sidebar-message{color:var(--text-muted);word-break:break-word;font-size:12px}.sidebar-error{color:var(--severity-critical)}.open-folder-btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;transition:background var(--transition-fast), opacity var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.open-folder-btn:hover:not(:disabled){background:var(--accent-hover)}.open-folder-btn:disabled{cursor:wait;opacity:.75}.sidebar-tree{flex:1;padding:8px 0;overflow-y:auto}.sidebar-message{padding:16px}.tree-node{-webkit-user-select:none;user-select:none}.tree-node-row{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:flex}.tree-node-row:hover{background:var(--bg-hover)}.tree-toggle{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.tree-toggle.expanded{transform:rotate(90deg)}.tree-icon{flex-shrink:0;font-size:14px}.tree-checkbox{appearance:none;border:1.5px solid var(--border-default);cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);background:0 0;border-radius:3px;flex-shrink:0;position:relative}.tree-checkbox:checked{border-color:var(--accent);background:var(--accent)}.tree-checkbox:checked:after{content:"✓";color:#fff;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tree-label.dir{color:var(--text-secondary);font-weight:500}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.stats-bar{border-bottom:1px solid var(--border-default);background:var(--bg-secondary);flex-shrink:0;gap:12px;padding:16px 24px;display:flex}.stat-card{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-tertiary);transition:all var(--transition-normal);flex-direction:column;flex:1;gap:4px;padding:14px 18px;display:flex}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.stat-card.critical{border-left:3px solid var(--severity-critical)}.stat-card.high{border-left:3px solid var(--severity-high)}.stat-card.medium{border-left:3px solid var(--severity-medium)}.stat-card.low{border-left:3px solid var(--severity-low)}.stat-card.unknown{border-left:3px solid var(--severity-unknown)}.stat-label{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.stat-count{font-size:28px;font-weight:700;line-height:1}.stat-card.critical .stat-count{color:var(--severity-critical)}.stat-card.high .stat-count{color:var(--severity-high)}.stat-card.medium .stat-count{color:var(--severity-medium)}.stat-card.low .stat-count{color:var(--severity-low)}.stat-card.unknown .stat-count{color:var(--severity-unknown)}.dashboard-content{flex:1;padding:24px;overflow-y:auto}.empty-state{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.empty-state-icon{opacity:.5;font-size:48px}.empty-state-text{text-align:center;max-width:400px;font-size:16px;line-height:1.6}.empty-state-hint{color:var(--text-muted);font-size:13px}.file-section{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:box-shadow var(--transition-normal);margin-bottom:20px;overflow:hidden}.file-section:hover{box-shadow:var(--shadow-sm)}.file-section-header{background:var(--bg-tertiary);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #0000;align-items:center;gap:12px;padding:14px 18px;display:flex}.file-section-header.expanded{border-bottom-color:var(--border-default)}.file-section-header:hover{background:var(--bg-hover)}.file-section-toggle{width:20px;color:var(--text-muted);text-align:center;transition:transform var(--transition-fast);flex-shrink:0;font-size:12px}.file-section-toggle.expanded{transform:rotate(90deg)}.file-section-name{color:var(--text-primary);flex-shrink:0;font-size:14px;font-weight:600}.file-section-stats{align-items:center;gap:8px;margin-left:auto;display:flex}.mini-stat,.total-badge{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.mini-stat.critical{color:var(--severity-critical);background:var(--severity-critical-bg)}.mini-stat.high{color:var(--severity-high);background:var(--severity-high-bg)}.mini-stat.medium{color:var(--severity-medium);background:var(--severity-medium-bg)}.mini-stat.low{color:var(--severity-low);background:var(--severity-low-bg)}.mini-stat.unknown,.total-badge{color:var(--severity-unknown);background:var(--severity-unknown-bg)}.file-section-body{animation:slideDown var(--transition-normal) ease;overflow:hidden}.file-section-empty{color:var(--text-muted);text-align:center;padding:20px}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.vuln-table{border-collapse:collapse;width:100%;font-size:13px}.vuln-table thead th{background:var(--bg-secondary);border-bottom:1px solid var(--border-default);color:var(--text-secondary);letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:10px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.vuln-table tbody tr{border-bottom:1px solid var(--border-muted);cursor:pointer;transition:background var(--transition-fast)}.vuln-table tbody tr:hover{background:var(--bg-hover)}.vuln-table tbody tr:last-child{border-bottom:none}.vuln-table td{vertical-align:middle;padding:10px 14px}.cve-id,.package-name{color:var(--text-secondary);font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:12px}.cve-id{color:var(--accent);white-space:nowrap;font-weight:500}.vuln-name{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.solution-cell{max-width:200px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.severity-badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:12px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.severity-badge.critical{color:var(--severity-critical);background:var(--severity-critical-bg)}.severity-badge.high{color:var(--severity-high);background:var(--severity-high-bg)}.severity-badge.medium{color:var(--severity-medium);background:var(--severity-medium-bg)}.severity-badge.low{color:var(--severity-low);background:var(--severity-low-bg)}.severity-badge.unknown{color:var(--severity-unknown);background:var(--severity-unknown-bg)}.detail-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1117a8;position:fixed;inset:0}.detail-panel{z-index:10;border-left:1px solid var(--border-default);background:var(--bg-secondary);width:min(560px,100vw);height:100vh;box-shadow:var(--shadow-md);position:fixed;top:0;right:0;overflow-y:auto}.detail-header{border-bottom:1px solid var(--border-default);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.detail-title{align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.detail-close{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:8px 10px;font-size:15px}.detail-close:hover{background:var(--bg-hover);color:var(--text-primary)}.detail-body{flex-direction:column;gap:24px;padding:24px;display:flex}.detail-section{flex-direction:column;gap:10px;display:flex}.detail-section-title{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700}.detail-heading{font-size:15px;font-weight:500}.detail-solution{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-tertiary);padding:12px 14px}.detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-meta-item{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-tertiary);padding:12px}.detail-meta-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.detail-meta-value{color:var(--text-primary);word-break:break-word}.detail-links{flex-direction:column;gap:10px;display:flex}.detail-link{color:var(--accent);word-break:break-word;text-decoration:none}.detail-link:hover{color:var(--accent-hover)}@media (width<=980px){.app-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-default);width:100%;min-width:0;height:280px}.stats-bar{flex-wrap:wrap}.stat-card{min-width:calc(50% - 6px)}.file-section-header{flex-wrap:wrap}.file-section-stats{width:100%;margin-left:0}.detail-meta{grid-template-columns:1fr}}