*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0b0e;--surface:#111318;--surface2:#181c24;--border:#252a36;--border2:#2f3545;--text:#c8cdd8;--text-dim:#5a6172;--text-bright:#eef0f5;--amber:#f59e0b;--amber-glow:#f59e0b14;--green:#22c55e;--red:#ef4444;--blue:#3b82f6;--mono:"JetBrains Mono", "Fira Mono", monospace;--display:"Syne", sans-serif;--radius:4px;scrollbar-width:thin;scrollbar-color:var(--border2) var(--bg)}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000006 2px 4px);position:fixed;inset:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;height:54px;padding:0 28px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-hex{background:var(--amber);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);color:#000;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.logo-name{font-family:var(--display);color:var(--text-bright);letter-spacing:-.02em;font-size:18px;font-weight:800;line-height:1.2}.logo-sub{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.header-right{align-items:center;gap:8px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.distro-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.distro-tab{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 22px;font-size:10px;transition:color .15s,border-color .15s}.distro-tab:hover{color:var(--text)}.distro-tab.active{color:var(--amber);border-bottom-color:var(--amber)}.search-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:14px 28px;display:flex}.search-input-wrap{background:var(--bg);border:1px solid var(--border2);flex:2;align-items:center;transition:border-color .15s;display:flex}.search-input-wrap:focus-within{border-color:var(--amber)}.search-prefix{color:var(--amber);-webkit-user-select:none;user-select:none;padding:0 10px;font-size:13px}.search-input{color:var(--text-bright);font-family:var(--mono);background:0 0;border:none;outline:none;flex:1;padding:9px 10px 9px 0;font-size:13px}.search-input::placeholder{color:var(--text-dim)}.search-select{background:var(--bg);border:1px solid var(--border2);color:var(--text);font-family:var(--mono);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235a6172'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;flex:1;padding:8px 28px 8px 10px;font-size:12px;transition:border-color .15s}.search-select:focus{border-color:var(--amber)}.panes{flex:1;grid-template-columns:340px 1fr;display:grid;overflow:hidden}.pane-list{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.list-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:sticky;top:0}.list-count{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.cve-item{border-bottom:1px solid var(--border);cursor:pointer;border-left:2px solid #0000;padding:11px 14px;transition:background .1s;animation:.18s both slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.cve-item:hover{background:var(--surface)}.cve-item.selected{background:var(--surface2);border-left-color:var(--amber)}.cve-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.cve-id{color:var(--text-bright);letter-spacing:.02em;font-size:13px;font-weight:700}.cve-desc{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:11px;overflow:hidden}.cve-meta{flex-wrap:nowrap;align-items:center;gap:5px;display:flex;overflow:hidden}.sev-badge{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:2px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.sev-critical{color:#ef4444;background:#ef444426;border:1px solid #ef444466}.sev-high{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b4d}.sev-medium{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f64d}.sev-low{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e4d}.sev-unknown{color:#5a6172;background:#5a617226;border:1px solid #5a61724d}.pane-detail{background:var(--bg);overflow-y:auto}.detail-placeholder{height:100%;color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.detail-panel-inner{padding:24px 32px;animation:.2s both detailIn}@keyframes detailIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.detail-cve-id{font-family:var(--display);color:var(--text-bright);letter-spacing:-.02em;margin-bottom:6px;font-size:26px;font-weight:800}.detail-desc{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--amber);color:var(--text);margin:14px 0 20px;padding:12px 14px;font-size:12px;line-height:1.7}.stat-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);text-align:center;padding:12px 16px}.section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);align-items:center;gap:7px;margin-bottom:10px;padding-bottom:6px;font-size:9px;display:flex}.section-title:before{content:"";background:var(--amber);flex-shrink:0;width:3px;height:9px;display:inline-block}.bp-table{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:12px}.bp-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border2);padding:7px 10px;font-size:9px;font-weight:400}.bp-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 10px}.bp-table tr:hover td{background:var(--surface)}.page-btn{background:var(--surface);border:1px solid var(--border2);color:var(--text);font-family:var(--mono);cursor:pointer;padding:5px 12px;font-size:11px;transition:border-color .15s,color .15s}.page-btn:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.page-btn:disabled{opacity:.3;cursor:default}.spin{border:2px solid var(--border2);border-top-color:var(--amber);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}a{color:var(--blue)}code{font-family:var(--mono)}