*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#1a1d24;--surface:rgba(30,35,48,.9);--surface2:rgba(38,44,60,.92);--border:rgba(255,255,255,.09);
  --accent:#d4a017;--accent2:#f5c542;--gold:#d4a017;--gold2:#f5c542;
  --hot:#f87171;--warm:#fbbf24;--cold:#34d399;
  --text:#f0f4ff;--muted:#8892a4;--card:#1a2236;
  --shadow-sm:0 2px 8px rgba(0,0,0,.3);
  --shadow-md:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2);
  --shadow-lg:0 20px 60px rgba(0,0,0,.5),0 4px 16px rgba(0,0,0,.3);
  --shadow-gold:0 8px 32px rgba(212,160,23,.25),0 2px 8px rgba(212,160,23,.15);
  --glow-hot:0 0 20px rgba(248,113,113,.3);
  --glow-gold:0 0 30px rgba(212,160,23,.2);
}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;position:relative;overflow-x:hidden}

/* ── SpaceX Careers Style Hero Section ── */
.sx-hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}

.sx-hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('hero.png?v=daytime_4k_zoom');
  background-size: cover;
  background-position: center 30%;
  background-repeat: no-repeat;
  animation: hero-drift 14s ease-in-out infinite alternate;
  transform-origin: center;
  z-index: -2;
}

@keyframes hero-drift {
  from { transform: scale(1.0) translate(0, 0); }
  to   { transform: scale(1.48) translate(-4%, -3%); }
}

.sx-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.3) 0%,
    rgba(0,0,0,0.15) 30%,
    rgba(0,0,0,0.5) 65%,
    rgba(10,14,24,0.85) 85%,
    rgba(10,14,24,1) 100%
  );
  z-index: -1;
}

.sx-hero-content {
  position: relative;
  z-index: 2;
  padding: 0 48px 72px;
  max-width: 820px;
  text-align: left;
}

.sx-hero-eyebrow {
  display: block;
  font-size: 11px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 20px;
}

.sx-hero-title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.1;
  color: var(--text);
  margin-bottom: 24px;
  font-family: 'Space Grotesk', sans-serif;
  background: linear-gradient(135deg, #fff 30%, #f87171 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 12px rgba(255,255,255,0.1));
}

.sx-hero-sub {
  font-size: 14px;
  letter-spacing: 0.05em;
  color: var(--muted);
  line-height: 1.8;
  max-width: 600px;
}

.sx-scroll-indicator {
  position: absolute;
  bottom: 32px;
  right: 48px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 9px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  animation: scroll-bob 2s ease-in-out infinite;
  cursor: pointer;
  user-select: none;
}

@keyframes scroll-bob {
  0%, 100% { transform: translateY(0); opacity: 0.5; }
  50%       { transform: translateY(6px); opacity: 1; }
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.15; }
}

#data-section {
  position: relative;
  background: var(--bg);
  z-index: 10;
}

header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;
  border-bottom:1px solid transparent;padding:0 48px;height:72px;display:flex;align-items:center;
  justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1000;
  transition: background 0.4s ease, border-color 0.4s ease, backdrop-filter 0.4s ease, padding 0.4s ease;
}
header.scrolled {
  background:rgba(10,14,24,.92);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 1px 0 rgba(248,113,113,.1),0 4px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);
}

.stats-grid{perspective:1200px}
#login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;
  background:radial-gradient(ellipse at 50% 0%,#1e2a4a 0%,#13171f 70%)}
.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;
  padding:40px;width:360px;box-shadow:var(--shadow-lg)}
.logo{text-align:center;margin-bottom:32px}
.logo h1{font-size:28px;font-weight:800;letter-spacing:5px;
  background:linear-gradient(135deg,#e8c547,#d4a017,#c49000);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 12px rgba(212,160,23,.2))}
.logo p{color:var(--muted);font-size:12px;margin-top:4px;letter-spacing:1px}
.field{margin-bottom:16px}
.field label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase}
.field input{width:100%;background:#161b28;border:1px solid var(--border);border-radius:8px;
  padding:10px 14px;color:var(--text);font-size:14px;outline:none;transition:.2s}
.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(212,160,23,.15)}
.btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;
  cursor:pointer;transition:.2s;letter-spacing:.5px}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000}
.btn-primary:hover{opacity:.9;transform:translateY(-1px)}
.err{color:var(--hot);font-size:13px;margin-top:12px;text-align:center}
#app{display:flex;flex-direction:column;min-height:100vh}
header{background:linear-gradient(180deg,rgba(10,14,24,.75),rgba(13,17,27,.65));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.05);padding:0 32px;height:72px;display:flex;align-items:center;
  justify-content:space-between;position:sticky;top:0;z-index:100;
  box-shadow:0 1px 0 rgba(212,160,23,.1),0 4px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04)}
.header-logo{display:flex;align-items:center;gap:14px}
.header-logo .brand-mark{font-size:26px;font-weight:900;letter-spacing:6px;font-family:'Space Grotesk',sans-serif;
  background:linear-gradient(135deg,#ffe566 0%,#d4a017 40%,#ff9500 80%,#ffe566 100%);
  background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  animation:shimmerText 4s linear infinite;
  filter:drop-shadow(0 0 20px rgba(212,160,23,.4));line-height:1}
@keyframes shimmerText{0%{background-position:0%}100%{background-position:200%}}
.header-logo .brand-sub{font-size:10px;font-weight:600;letter-spacing:4px;color:rgba(212,160,23,.45);text-transform:uppercase;margin-top:3px}
.header-right{display:flex;align-items:center;gap:16px}
.broker-badge{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  border-radius:20px;padding:5px 14px;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.3px}
.btn-sm{padding:6px 14px;font-size:12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;transition:.2s}
.btn-sm:hover{border-color:var(--accent);color:var(--accent);background:rgba(212,160,23,.08)}
main{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}
.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;
  box-shadow:var(--shadow-md);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;inset:0;border-radius:16px;
  background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}
.stat-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-lg),0 0 40px rgba(212,160,23,.1);
  border-color:rgba(212,160,23,.25)}
.stat-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.stat-value{font-size:30px;font-weight:800;margin-top:6px;font-family:'Space Grotesk',sans-serif;letter-spacing:-.5px}
.stat-value.hot{color:var(--hot);text-shadow:0 0 20px rgba(248,113,113,.3)}
.stat-value.warm{color:var(--warm);text-shadow:0 0 20px rgba(251,191,36,.25)}
.stat-value.cold{color:var(--cold);text-shadow:0 0 20px rgba(52,211,153,.2)}
.stat-value.accent{color:var(--gold);text-shadow:0 0 20px rgba(212,160,23,.3)}
.stat-value.gold{color:var(--gold);text-shadow:0 0 20px rgba(212,160,23,.3)}
.toolbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}
.search-box{flex:1;min-width:200px;background:var(--surface);border:1px solid var(--border);
  border-radius:8px;padding:8px 14px;color:var(--text);font-size:14px;outline:none}
.search-box:focus{border-color:var(--accent)}
select.filter{background:var(--surface);border:1px solid var(--border);border-radius:8px;
  padding:8px 14px;color:var(--text);font-size:13px;cursor:pointer}
.leads-table{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;
  box-shadow:var(--shadow-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
table{width:100%;border-collapse:collapse}
th{padding:12px 18px;text-align:left;font-size:10px;font-weight:700;color:var(--muted);
  text-transform:uppercase;letter-spacing:1px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06)}
td{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;vertical-align:middle;transition:background .15s}
tr:last-child td{border-bottom:none}
tr:hover td{background:rgba(212,160,23,.05)}
tr:hover td:first-child{box-shadow:inset 3px 0 0 rgba(212,160,23,.6)}
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.badge.hot{background:rgba(248,113,113,.15);color:#f87171;border:1px solid rgba(248,113,113,.3);box-shadow:0 0 12px rgba(248,113,113,.15)}
.badge.warm{background:rgba(251,191,36,.12);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}
.badge.cold{background:rgba(52,211,153,.12);color:#34d399;border:1px solid rgba(52,211,153,.25)}
.badge.claimed{background:rgba(167,139,250,.15);color:#a78bfa;border:1px solid rgba(167,139,250,.3)}
.company-name{font-weight:700;color:var(--text);font-size:13px;letter-spacing:-.1px}
.company-link{color:inherit;text-decoration:none;transition:color .15s}
.company-link:hover{text-decoration:underline;color:var(--accent2)}
.sub-text{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.5}
.days-badge{font-size:13px;font-weight:800;letter-spacing:-.3px}
.action-btn{padding:5px 14px;border-radius:8px;font-size:11px;font-weight:700;
  border:none;cursor:pointer;transition:.2s;letter-spacing:.3px}
.action-btn.claim{background:linear-gradient(135deg,#d4a017,#f5c542,#d4a017);background-size:200% auto;
  color:#000;box-shadow:0 4px 16px rgba(212,160,23,.35);animation:shimmerBtn 3s linear infinite}
@keyframes shimmerBtn{0%{background-position:0%}100%{background-position:200%}}
.action-btn.claimed{background:rgba(167,139,250,.15);color:#a78bfa;border:1px solid rgba(167,139,250,.3)}
.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(212,160,23,.4)}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:20px;align-items:center}
.page-btn{padding:6px 14px;background:var(--surface);border:1px solid var(--border);
  border-radius:6px;color:var(--text);cursor:pointer;font-size:13px;transition:.2s}
.page-btn:hover,.page-btn.active{border-color:var(--gold);color:var(--gold)}
.page-info{color:var(--muted);font-size:13px}
.loading{text-align:center;padding:60px;color:var(--muted)}
.spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--border);
  border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:12px}
@keyframes spin{to{transform:rotate(360deg)}}
.empty{text-align:center;padding:60px;color:var(--muted)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.dot.hot{background:var(--hot)} .dot.warm{background:var(--warm)} .dot.cold{background:var(--cold)}
.signal-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;margin-right:4px;letter-spacing:.3px}
.signal-pill.ucc{background:rgba(212,160,23,.12);color:var(--gold2);border:1px solid rgba(212,160,23,.25)}
.signal-pill.news{background:rgba(245,158,11,.12);color:#fbbf24;border:1px solid rgba(245,158,11,.25)}
.signal-pill.hiring{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.25)}
.signal-pill.prime{background:rgba(124,58,237,.15);color:#c4b5fd;border:1px solid rgba(124,58,237,.3)}
.signal-pill.permit{background:rgba(251,146,60,.12);color:#fb923c;border:1px solid rgba(251,146,60,.25);box-shadow:0 0 8px rgba(251,146,60,.15)}
.signal-pill.contract{background:rgba(59,130,246,.12);color:#60a5fa;border:1px solid rgba(59,130,246,.25);box-shadow:0 0 8px rgba(59,130,246,.15)}
.signal-pill.arbitrage{background:rgba(168,85,247,.12);color:#a78bfa;border:1px solid rgba(168,85,247,.25);box-shadow:0 0 8px rgba(168,85,247,.15)}
.signal-pill.import{background:rgba(45,212,191,.12);color:#2dd4bf;border:1px solid rgba(45,212,191,.25);box-shadow:0 0 8px rgba(45,212,191,.15)}
/* Deal Score */
.score-ring{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border-radius:50%;font-size:12px;font-weight:900;position:relative;font-family:'Space Grotesk',sans-serif;letter-spacing:-.5px}
.score-ring::before{content:'';position:absolute;inset:-1px;border-radius:50%;border:2.5px solid rgba(255,255,255,.1)}
.score-ring.s-hot{color:#f87171}
.score-ring.s-hot::before{border-color:#f87171;box-shadow:0 0 16px rgba(248,113,113,.5),inset 0 0 12px rgba(248,113,113,.1);animation:pulseRing 2s ease-in-out infinite}
@keyframes pulseRing{0%,100%{box-shadow:0 0 16px rgba(248,113,113,.5),inset 0 0 12px rgba(248,113,113,.1)}50%{box-shadow:0 0 28px rgba(248,113,113,.8),inset 0 0 16px rgba(248,113,113,.2)}}
.score-ring.s-warm{color:#fbbf24}
.score-ring.s-warm::before{border-color:#fbbf24;box-shadow:0 0 12px rgba(251,191,36,.4)}
.score-ring.s-med{color:var(--muted)}
.score-ring.s-med::before{border-color:rgba(255,255,255,.12)}
/* Detail panel */
#detail-panel{position:fixed;right:0;top:0;height:100vh;width:460px;background:var(--surface);
  border-left:1px solid var(--border);z-index:200;overflow-y:auto;transform:translateX(100%);
  transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;
  box-shadow:-12px 0 48px rgba(0,0,0,.35)}
/* Market Intelligence */
.mi-tabs{display:flex;gap:4px;margin-bottom:12px}
.mi-tab{flex:1;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;
  text-align:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);
  color:var(--muted);transition:.2s;letter-spacing:.3px}
.mi-tab.active{background:rgba(212,160,23,.15);border-color:rgba(212,160,23,.4);color:var(--gold)}
.mi-source-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.mi-source{font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px;letter-spacing:.5px}
.mi-source.gdelt{background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.3)}
.mi-source.gnews{background:rgba(234,88,12,.12);color:#fb923c;border:1px solid rgba(234,88,12,.3)}
.mi-source.reddit{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.25)}
.mi-source.bing{background:rgba(14,165,233,.12);color:#38bdf8;border:1px solid rgba(14,165,233,.3)}
.mi-source.newsapi{background:rgba(52,211,153,.12);color:#34d399;border:1px solid rgba(52,211,153,.3)}
.mi-article{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
  border-radius:10px;padding:12px;margin-bottom:8px;transition:.15s}
.mi-article:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.mi-article-headline{font-size:12px;font-weight:600;color:var(--text);line-height:1.5;margin-bottom:6px}
.mi-article-meta{display:flex;justify-content:space-between;align-items:center}
.mi-article-source{font-size:10px;color:var(--muted);font-weight:600}
.mi-article-link{font-size:10px;font-weight:700;color:var(--gold);text-decoration:none;
  border:1px solid rgba(212,160,23,.3);padding:2px 8px;border-radius:5px;transition:.2s}
.mi-article-link:hover{background:rgba(212,160,23,.12)}
.mi-skeleton{height:60px;border-radius:10px;margin-bottom:8px;
  background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%);
  background-size:200% 100%;animation:miSkel 1.4s infinite}
@keyframes miSkel{0%{background-position:200%}100%{background-position:-200%}}
.mi-sentiment{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;
  padding:3px 10px;border-radius:8px;margin-bottom:10px}
.mi-empty{font-size:12px;color:var(--muted);text-align:center;padding:20px 0}
/* Stack History / Funding Escalation */
.sh-timeline{position:relative;padding-left:0;margin-top:4px}
.sh-event{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;position:relative}
.sh-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:900;flex-shrink:0;border:2px solid;letter-spacing:0;z-index:1}
.sh-line{position:absolute;left:13px;top:28px;width:2px;bottom:-12px;background:rgba(255,255,255,.08)}
.sh-event:last-child .sh-line{display:none}
.sh-arrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.sh-arrow-node{font-size:10px;font-weight:700;padding:3px 9px;border-radius:8px;border:1px solid}
.sh-arrow-sep{color:var(--muted);font-size:12px;font-weight:300}
.sh-risk-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;
  padding:3px 10px;border-radius:6px;letter-spacing:.5px;text-transform:uppercase}
.sh-signal{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:8px;
  margin-bottom:6px;border:1px solid}
.sh-signal-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:3px}
.sh-signal-label{font-size:11px;font-weight:700;color:var(--text);margin-bottom:2px}
.sh-signal-detail{font-size:10px;color:var(--muted);line-height:1.5}
/* Court & Regulatory Sweep */
.cr-badge{font-size:9px;font-weight:800;padding:2px 7px;border-radius:5px;letter-spacing:.3px;text-transform:uppercase;display:inline-block}
.cr-badge.court{background:#7c3aed22;color:#a78bfa;border:1px solid #7c3aed40}
.cr-badge.cfpb{background:#0ea5e922;color:#38bdf8;border:1px solid #0ea5e940}
.cr-badge.epa{background:#16a34a22;color:#4ade80;border:1px solid #16a34a40}
.cr-badge.osha{background:#ea580c22;color:#fb923c;border:1px solid #ea580c40}
.cr-card{padding:10px 12px;border-radius:8px;margin-bottom:8px;border:1px solid var(--border);background:rgba(255,255,255,.02)}
.cr-card.sev-high{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.04)}
.cr-card.sev-medium{border-color:rgba(251,191,36,.2);background:rgba(251,191,36,.03)}
.cr-headline{font-size:11px;font-weight:700;color:var(--text);margin:5px 0 3px}
.cr-detail{font-size:10px;color:var(--muted);line-height:1.5}
.cr-link{font-size:10px;color:var(--gold);text-decoration:none;font-weight:600}
.cr-link:hover{text-decoration:underline}
#detail-panel.open{transform:translateX(0)}
.detail-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;background:var(--surface2)}
.detail-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.3}
.detail-sub{font-size:11px;color:var(--muted);margin-top:3px}
.detail-close{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:0 4px;line-height:1}
.detail-close:hover{color:var(--text)}
.detail-body{padding:20px 24px;flex:1}
.intel-section{margin-bottom:20px}
.intel-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.intel-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:14px;
  box-shadow:var(--shadow-sm)}
.intel-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;font-size:13px}
.intel-row:last-child{margin-bottom:0}
.intel-key{color:var(--muted);flex-shrink:0;margin-right:12px;font-size:12px}
.intel-val{color:var(--text);text-align:right;font-weight:500}
.call-script{background:rgba(212,160,23,.06);border:1px solid rgba(212,160,23,.2);border-radius:10px;
  padding:14px;font-size:13px;color:var(--text);line-height:1.6;font-style:italic}
.urgency-bar{height:6px;border-radius:3px;margin-bottom:16px;background:var(--border)}
.urgency-fill{height:100%;border-radius:3px;transition:width .5s}
.detail-actions{display:flex;gap:8px;padding:16px 24px;border-top:1px solid var(--border);background:var(--surface)}
.detail-action-btn{flex:1;padding:10px;border-radius:8px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:.2s;text-align:center}
.detail-action-btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;
  box-shadow:0 4px 16px rgba(212,160,23,.25)}
.detail-action-btn.secondary{background:var(--surface2);border:1px solid var(--border);color:var(--muted)}
.detail-action-btn:hover{opacity:.9;transform:translateY(-1px)}
tr.selected td{background:rgba(212,160,23,.06)!important}
.page-btn{box-shadow:var(--shadow-sm)}
.page-btn:hover,.page-btn.active{box-shadow:0 4px 12px rgba(212,160,23,.15)}
/* Custom SVG icons */
.ic{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:5px;background-size:contain;background-repeat:no-repeat}
.ic-pipeline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4a017' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v12M8 10l4-4 4 4M8 14h8'/%3E%3C/svg%3E")}
.ic-clock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f87171' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}
.ic-chart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='2'%3E%3Cpath d='M3 20l5-8 4 4 9-12'/%3E%3Cpath d='M17 4h4v4'/%3E%3C/svg%3E")}
.ic-flame{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f87171' stroke-width='2'%3E%3Cpath d='M12 2c0 6-6 8-6 14a6 6 0 0012 0c0-6-6-8-6-14z'/%3E%3C/svg%3E")}
.ic-gauge{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='2'%3E%3Cpath d='M12 22A10 10 0 012 12h20a10 10 0 01-10 10z'/%3E%3Cpath d='M12 12l-4-6'/%3E%3C/svg%3E")}
.ic-signal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='2'%3E%3Cpath d='M12 20V10'/%3E%3Cpath d='M18 20V4'/%3E%3Cpath d='M6 20v-4'/%3E%3C/svg%3E")}
.ic-layers{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5z'/%3E%3Cpath d='M2 17l10 5 10-5'/%3E%3Cpath d='M2 12l10 5 10-5'/%3E%3C/svg%3E")}
.ic-users{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E")}
.ic-briefcase{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4a017' stroke-width='2'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2'/%3E%3C/svg%3E")}
.ic-phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3b8' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 01-2.18 2A19.86 19.86 0 013.09 5.18 2 2 0 015.11 3h3a2 2 0 012 1.72c.13.81.36 1.6.68 2.34a2 2 0 01-.45 2.11L8.91 10.6a16 16 0 006.49 6.49l1.43-1.43a2 2 0 012.11-.45c.74.32 1.53.55 2.34.68a2 2 0 011.72 2z'/%3E%3C/svg%3E")}
.ic-doc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3b8' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z'/%3E%3Cpath d='M14 2v6h6M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E")}
.ic-building{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3b8' stroke-width='2'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M9 22V12h6v10M8 6h.01M16 6h.01M12 6h.01M8 10h.01M16 10h.01M12 10h.01'/%3E%3C/svg%3E")}
.ic-bolt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3b8' stroke-width='2'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E")}
.ic-radar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3b8' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M12 2v4M12 18v4'/%3E%3C/svg%3E")}
.ic-warning{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E")}
.ic-gavel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fb923c' stroke-width='2'%3E%3Cpath d='M14.5 2l6 6-8 8-6-6 8-8z'/%3E%3Cpath d='M3 21l5-5'/%3E%3Cpath d='M19 15l2 2'/%3E%3C/svg%3E")}
.ic-shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f87171' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E")}
.ic-dot-r{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:0}
.ic-dot-r.r{background:#f87171}.ic-dot-r.y{background:#fbbf24}.ic-dot-r.g{background:#34d399}
.signal-pill.tax{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.3)}
.signal-pill.judgment{background:rgba(251,146,60,.12);color:#fb923c;border:1px solid rgba(251,146,60,.3)}
.signal-pill.distress{background:rgba(248,113,113,.12);color:#fca5a5;border:1px solid rgba(248,113,113,.3)}
@keyframes pillPulse{0%,100%{opacity:1}50%{opacity:.45}}
.score-ring{position:relative}
.score-tooltip{
  display:none;position:absolute;left:50%;transform:translateX(-50%);
  bottom:calc(100% + 8px);z-index:9999;
  background:#1e293b;border:1px solid rgba(255,255,255,.12);
  border-radius:10px;padding:10px 12px;min-width:200px;max-width:240px;
  box-shadow:0 8px 32px rgba(0,0,0,.6);pointer-events:none;
}
.score-ring:hover .score-tooltip{display:block}
.status-btn{
  padding:4px 10px;border-radius:14px;font-size:10px;font-weight:700;
  cursor:pointer;border:1px solid;background:rgba(0,0,0,.2);transition:.15s;
  letter-spacing:.3px;
}
.status-btn:hover{filter:brightness(1.3);transform:scale(1.05)}
.ind-tag{display:inline-block;font-size:11px;padding:1px 6px;border-radius:5px;
  background:rgba(255,255,255,.06);color:var(--muted);margin-top:2px}
.dotd-card{background:linear-gradient(135deg,rgba(212,160,23,.14),rgba(212,160,23,.04));
  border:1px solid rgba(212,160,23,.45);border-radius:16px;padding:20px 24px;
  margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 0 40px rgba(212,160,23,.08);
  cursor:pointer;transition:.2s}
.dotd-card:hover{border-color:rgba(212,160,23,.7);box-shadow:0 0 60px rgba(212,160,23,.15)}
.dotd-badge{background:linear-gradient(135deg,#d4a017,#b8860b);color:#0a0e1a;font-size:9px;
  font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:1px;text-transform:uppercase}
.countdown-cell{font-family:'SF Mono',monospace;font-size:11px;color:#f87171;font-weight:700;
  background:rgba(248,113,113,.08);padding:2px 6px;border-radius:5px;letter-spacing:.5px}
@keyframes dotdPulse{0%,100%{box-shadow:0 0 40px rgba(212,160,23,.08)}50%{box-shadow:0 0 80px rgba(212,160,23,.22)}}
.dotd-card{animation:dotdPulse 4s ease-in-out infinite}

/* ── Split Screen Hero & Video Player ── */
.sx-hero-grid {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 60px 48px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 50px;
  align-items: center;
  min-height: 100vh;
}
@media (max-width: 1024px) {
  .sx-hero-grid {
    grid-template-columns: 1fr;
    padding-top: 100px;
    gap: 40px;
  }
}
.sx-hero-content {
  max-width: 720px;
}
.sx-hero-player-wrap {
  width: 100%;
  perspective: 1200px;
}
.sx-video-card {
  background: rgba(19, 25, 41, 0.75);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.05);
  overflow: hidden;
  position: relative;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s, border-color 0.5s;
}
.sx-video-card:hover {
  transform: translateY(-8px) rotateX(1deg) rotateY(-1deg);
  box-shadow: 0 40px 80px rgba(0,0,0,0.8), 0 0 50px rgba(212,160,23,0.15);
  border-color: rgba(212,160,23,0.3);
}
.sx-video-header {
  height: 48px;
  background: rgba(255,255,255,0.02);
  border-bottom: 1px solid rgba(255,255,255,0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.sx-video-badge {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 4px;
  font-size: 8px;
  font-weight: 800;
  padding: 2px 6px;
  color: var(--muted);
  letter-spacing: 0.5px;
}
.sx-video-screen {
  height: 310px;
  background: radial-gradient(circle at center, #1b2236 0%, #0c0f17 100%);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sx-slide {
  position: absolute;
  inset: 0;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.sx-slide.active {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
.sx-slide-tag {
  align-self: flex-start;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid;
  margin-bottom: 14px;
}
.sx-slide-title {
  font-size: 20px;
  font-weight: 800;
  font-family: 'Space Grotesk', sans-serif;
  color: var(--text);
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}
.sx-slide-text {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.6;
}
.sx-slide-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-top: 14px;
}
.sx-video-controls {
  height: 52px;
  background: rgba(255,255,255,0.02);
  border-top: 1px solid rgba(255,255,255,0.05);
  display: flex;
  align-items: center;
  padding: 0 20px;
  gap: 16px;
}
.sx-video-btn {
  background: none;
  border: none;
  color: var(--text);
  font-size: 14px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s;
}
.sx-video-btn:hover {
  transform: scale(1.2);
  color: var(--gold);
}
.sx-video-timeline {
  flex: 1;
  height: 4px;
  background: rgba(255,255,255,0.08);
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.sx-video-progress {
  height: 100%;
  background: linear-gradient(90deg, var(--gold), var(--gold2));
  border-radius: 2px;
  width: 0;
  transition: width 0.1s linear;
}

/* ── Floating Space Orbitals Background ── */
.space-stars {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.15) 1px, transparent 1px);
  background-size: 80px 80px;
  opacity: 0.7;
  z-index: -1;
  pointer-events: none;
}
.space-orbitals {
  position: absolute;
  width: 600px;
  height: 600px;
  border: 1px dashed rgba(212,160,23,0.1);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  z-index: -1;
  animation: rotateOrbit 120s linear infinite;
  pointer-events: none;
}
.space-orbitals::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--gold);
  border-radius: 50%;
  box-shadow: 0 0 15px var(--gold);
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
@keyframes rotateOrbit {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes slideUp {
  from { transform: translateY(30px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}