@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#0d1117;--surface:#161b22;--card:#1c2333;--card-alt:#21283b;--hover:#263348;--modal:#192030;--border:#30363d;--border-mid:#3d4857;--border-hi:#58687a;--green:#3fd68a;--green-lite:#5de89e;--green-dim:rgba(63,214,138,.12);--green-mid:rgba(63,214,138,.22);--green-glow:rgba(63,214,138,.35);--green-pulse:rgba(63,214,138,.6);--cyan:#38bdf8;--cyan-dim:rgba(56,189,248,.12);--cyan-glow:rgba(56,189,248,.3);--crit:#ff4757;--crit-dim:rgba(255,71,87,.1);--crit-mid:rgba(255,71,87,.22);--crit-glow:rgba(255,71,87,.4);--high:#ff8c42;--high-dim:rgba(255,140,66,.1);--high-mid:rgba(255,140,66,.22);--high-glow:rgba(255,140,66,.35);--med:#e3b341;--med-dim:rgba(227,179,65,.1);--med-mid:rgba(227,179,65,.22);--low:#6b7280;--low-dim:hsla(220,9%,46%,.12);--tactic-recon:#7c3aed;--tactic-init:#2563eb;--tactic-exec:#0891b2;--tactic-persist:#059669;--tactic-priv:#d97706;--tactic-creds:#dc2626;--tactic-discovery:#7c3aed;--tactic-lateral:#db2777;--tactic-exfil:#be123c;--text:#e6edf3;--text-dim:#c9d1d9;--text-mute:#8b949e;--text-faint:#484f58;--white:#f0f6fc;--violet:#9d78f6;--violet-dim:rgba(157,120,246,.12);--chart-1:#3fd68a;--chart-2:#38bdf8;--chart-3:#ff4757;--chart-4:#ff8c42;--chart-5:#9d78f6}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-mid)}.soc-card{background:var(--card);border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden;transition:border-color .18s,box-shadow .18s}.soc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green) 0,transparent 70%);opacity:.6}.soc-card:hover{border-color:var(--border-mid);box-shadow:0 4px 20px rgba(0,0,0,.35)}.soc-card-glow{background:var(--card);border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden;transition:border-color .18s,box-shadow .18s}.soc-card-glow:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.soc-card-glow.crit:before{background:linear-gradient(90deg,var(--crit),transparent)}.soc-card-glow.high:before{background:linear-gradient(90deg,var(--high),transparent)}.soc-card-glow.med:before{background:linear-gradient(90deg,var(--med),transparent)}.soc-card-glow.low:before{background:linear-gradient(90deg,var(--low),transparent)}.soc-card-glow.green:before{background:linear-gradient(90deg,var(--green),transparent)}.soc-card-glow.cyan:before{background:linear-gradient(90deg,var(--cyan),transparent)}.sp-card{background:var(--card);border:1px solid var(--border);border-radius:8px}.alert-row,.plain-card{background:var(--card);border:1px solid var(--border);border-radius:8px}.alert-row{transition:border-color .15s,background .15s,box-shadow .15s;cursor:pointer}.alert-row:hover{background:var(--hover);border-color:var(--border-mid);box-shadow:0 2px 12px rgba(0,0,0,.3)}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:240px;flex-shrink:0;overflow:hidden;display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;color:var(--text-mute);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;border:1px solid transparent;text-decoration:none;background:none;width:100%;text-align:left}.nav-item:hover{background:rgba(63,214,138,.06);color:var(--text-dim);border-color:transparent}.nav-item.active{background:var(--green-dim);color:var(--green);border-color:rgba(63,214,138,.2);box-shadow:inset 0 0 20px rgba(63,214,138,.05)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.badge-crit{color:var(--crit);border:1px solid var(--crit-mid);background:var(--crit-dim)}.badge-high{color:var(--high);border:1px solid var(--high-mid);background:var(--high-dim)}.badge-med{color:var(--med);border:1px solid var(--med-mid);background:var(--med-dim)}.badge-low{color:var(--low);border:1px solid hsla(220,9%,46%,.3);background:var(--low-dim)}.badge-green{color:var(--green);border:1px solid var(--green-mid);background:var(--green-dim)}.badge-cyan{color:var(--cyan);border:1px solid var(--cyan-glow);background:var(--cyan-dim)}.badge-violet{color:var(--violet);border:1px solid rgba(157,120,246,.3);background:var(--violet-dim)}.sev-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sev-dot.crit{background:var(--crit);box-shadow:0 0 8px var(--crit-glow)}.sev-dot.high{background:var(--high);box-shadow:0 0 8px var(--high-glow)}.sev-dot.med{background:var(--med)}.sev-dot.low{background:var(--low)}.sev-dot.ok{background:var(--green);box-shadow:0 0 6px var(--green-glow)}.btn-primary{background:var(--green);color:#0d1117;border:1px solid var(--green);font-weight:700;border-radius:6px;padding:9px 18px;font-size:13px;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s,box-shadow .15s;letter-spacing:.01em}.btn-primary:hover:not(:disabled){background:var(--green-lite);box-shadow:0 0 16px var(--green-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--green);border:1px solid rgba(63,214,138,.4);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}.btn-outline:hover:not(:disabled){background:var(--green-dim);border-color:var(--green)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-mute);border:1px solid var(--border);border-radius:6px;padding:7px 14px;font-size:12px;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s,color .15s}.btn-ghost:hover{background:var(--hover);color:var(--text-dim)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;animation:livePulse 2.5s infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--green-pulse)}50%{opacity:.7;box-shadow:0 0 0 5px rgba(63,214,138,0)}}.live-dot-crit{width:7px;height:7px;border-radius:50%;background:var(--crit);animation:critPulse 1.5s infinite}@keyframes critPulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--crit-glow)}50%{opacity:.6;box-shadow:0 0 0 6px rgba(255,71,87,0)}}.mono-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-mute)}.mono-label,.mono-value{font-family:JetBrains Mono,monospace}.mono-value{font-weight:600;color:var(--text-dim)}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-header:before{content:"";width:3px;height:18px;background:linear-gradient(180deg,var(--green),rgba(63,214,138,.2));border-radius:2px;display:block;flex-shrink:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:56px}.sp-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:Inter,sans-serif;font-size:13px;padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.sp-input:focus{border-color:rgba(63,214,138,.5);box-shadow:0 0 0 3px rgba(63,214,138,.08)}.sp-input::placeholder{color:var(--text-faint)}.stat-num{font-size:32px;font-weight:800;letter-spacing:-.02em}.stat-num,.stat-num-sm{font-family:JetBrains Mono,monospace;line-height:1}.stat-num-sm{font-size:22px;font-weight:700}.tl-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.table-head{display:grid;border-bottom:1px solid var(--border);padding:8px 16px;background:rgba(22,27,34,.8)}.table-row{display:grid;border-bottom:1px solid rgba(48,54,61,.5);padding:10px 16px;align-items:center;transition:background .1s;cursor:pointer}.table-row:hover{background:var(--hover)}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;transition:width .6s ease}.divider{height:1px;background:var(--border);margin:12px 0}.pipeline-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pipeline-dot.active{background:var(--green);box-shadow:0 0 6px var(--green-glow);animation:livePulse 2.5s infinite}.pipeline-dot.idle{background:var(--border-mid)}.pipeline-dot.error{background:var(--crit);box-shadow:0 0 6px var(--crit-glow);animation:critPulse 1.5s infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeSlide .25s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--card-alt) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.grid-bg{background-image:linear-gradient(rgba(63,214,138,.04) 1px,transparent 0),linear-gradient(90deg,rgba(63,214,138,.04) 1px,transparent 0);background-size:40px 40px}.glow-green{text-shadow:0 0 20px var(--green-glow)}.glow-red{text-shadow:0 0 20px var(--crit-glow)}.glow-cyan{text-shadow:0 0 20px var(--cyan-glow)}.risk-high{color:var(--crit)}.risk-med{color:var(--high)}.risk-low{color:var(--green)}.code-block{font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px 14px;color:var(--green);word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all;line-height:1.6}.code-block,.filter-pill{font-family:JetBrains Mono,monospace}.filter-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s;border:1px solid var(--border);background:transparent;color:var(--text-mute)}.filter-pill:hover{background:var(--hover);color:var(--text-dim)}.filter-pill.active{background:var(--green-dim);color:var(--green);border-color:rgba(63,214,138,.35)}.filter-pill.active.crit{background:var(--crit-dim);color:var(--crit);border-color:var(--crit-mid)}.filter-pill.active.high{background:var(--high-dim);color:var(--high);border-color:var(--high-mid)}.filter-pill.active.med{background:var(--med-dim);color:var(--med);border-color:var(--med-mid)}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:4px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:var(--green)}