:root{
  --bg:#050805;
  --bg-2:#0a0f0a;
  --bg-3:#0d140f;
  --panel:#071107;
  --panel-2:#0c180c;
  --panel-3:#101c14;
  --text:#00ff00;
  --text-soft:#8cff9f;
  --muted:#4f8f5f;
  --cyan:#00ffff;
  --magenta:#ff00ff;
  --line:rgba(0,255,0,.18);
  --line-strong:rgba(0,255,0,.45);
  --danger:#ff4d6d;
  --success:#00ff99;
  --warning:#ffe066;
  --sidebar-w:300px;
  --shadow:0 0 24px rgba(0,255,0,.08);
  --radius:18px;
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  font-family:"Share Tech Mono","Fira Code","JetBrains Mono",monospace;
  color:var(--text);
  background:
    linear-gradient(rgba(0,255,0,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,255,0,.03) 1px, transparent 1px),
    radial-gradient(circle at top right, rgba(0,255,255,.08), transparent 28%),
    linear-gradient(180deg,#020402 0%,#050805 30%,#091109 100%);
  background-size:28px 28px,28px 28px,100% 100%,100% 100%;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(0,255,0,.025) 0 2px,transparent 2px 5px);
  opacity:.18;
  mix-blend-mode:screen;
  animation:scan 10s linear infinite;
}
a{color:inherit}
.app,.mobile-top,.modal{position:relative;z-index:1}
.app{display:flex;min-height:100vh}
.sidebar{
  width:var(--sidebar-w);
  position:fixed;left:0;top:0;bottom:0;
  padding:18px;
  background:linear-gradient(180deg,rgba(1,8,3,.98),rgba(5,12,5,.96));
  border-right:1px solid var(--line-strong);
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  gap:14px;
  overflow:auto;
}
.brand,.mobile-brand,.side-user,.shell-head-copy,.shell-head-actions,.card-head,.stack-head,.timeline-head{display:flex;align-items:center;gap:12px}
.brand{
  margin-bottom:4px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(0,255,255,.05),rgba(0,255,0,.03));
}
.brand img,.mobile-brand img{width:42px;height:42px;object-fit:cover;border:1px solid var(--line-strong);border-radius:12px}
.brand-copy strong,.section-title,.page-title,.metric-label,.form-label,.status-chip,.table-status,.table-head-row,.terminal-kpi .metric-value,.shell-kicker,.eyebrow{
  font-family:"Orbitron","Share Tech Mono","Fira Code",monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.brand-copy strong{display:block;font-size:22px}
.brand-copy span,.shell-lead,.side-note{display:block;font-size:11px;color:var(--muted)}
.side-hud,.panel,.metric-card,.quest-card,.login-card,.modal-box,.source-item,.mini-item,.timeline-item,.meta-item,.table-shell,.shell-slab,.flow-card,.info-card,.stack-card,.filters-card{
  background:linear-gradient(180deg,rgba(4,10,4,.96),rgba(8,16,8,.96));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  border-radius:var(--radius);
}
.side-hud{padding:14px;margin-bottom:2px}
.side-hud-grid{display:grid;gap:10px}
.hud-row,.progress-label,.page-subtitle,.lead-sub,.metric-hint,.hint,.mini-item small,.timeline-item small,.meta-item small,.empty,.notice,.table-caption,.side-section-title,.stack-subtitle,.composer-subtitle{color:var(--text-soft)}
.hud-row,.side-section-title,.table-caption,.stack-subtitle{font-size:12px}
.energy-bar,.progress-track,.xp-track,.shield-track{
  height:8px;background:rgba(0,255,0,.08);border:1px solid var(--line);overflow:hidden;border-radius:999px;
}
.energy-fill,.progress-fill,.xp-fill,.shield-fill{height:100%;background:linear-gradient(90deg,var(--text),var(--cyan));box-shadow:0 0 12px rgba(0,255,0,.25)}
.nav{display:grid;gap:8px;margin-top:2px}
.nav a,.logout-link,.btn,button,.menu-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 14px;
  color:var(--text);
  text-decoration:none;
  border:1px solid var(--line-strong);
  background:rgba(0,0,0,.35);
  font:inherit;
  text-transform:uppercase;
  letter-spacing:.08em;
  cursor:pointer;
  transition:background .18s,color .18s,box-shadow .18s,transform .18s,border-color .18s;
  border-radius:14px;
}
.nav a{justify-content:space-between;text-align:left;padding:12px 14px}
.nav a small,.logout-link small{display:block;color:var(--text-soft);text-transform:none;letter-spacing:0;font-size:11px}
.nav a span,.logout-link span{font-family:"Orbitron","Share Tech Mono",monospace;font-size:12px}
.nav a:hover,.nav a.active,.logout-link:hover,.btn:hover,button:hover,.menu-btn:hover{
  background:var(--text);
  color:#001600;
  box-shadow:0 0 18px rgba(0,255,0,.35);
}
.nav a.active small,.nav a:hover small,.logout-link:hover small{color:#013a20}
.btn-secondary{border-color:rgba(0,255,255,.45);color:var(--cyan)}
.btn-secondary:hover{background:var(--cyan);color:#001315;box-shadow:0 0 18px rgba(0,255,255,.35)}
.btn-danger{border-color:rgba(255,77,109,.5);color:#ff89a0}
.btn-danger:hover{background:#ff4d6d;color:#180007;box-shadow:0 0 18px rgba(255,77,109,.35)}
.btn-success{border-color:rgba(0,255,153,.45);color:var(--success)}
.btn-success:hover{background:var(--success);color:#00150c}
.btn-ghost{background:transparent}
.btn:active,button:active{animation:glitch .25s steps(2,end) 1}
.content{flex:1;margin-left:var(--sidebar-w);padding:28px;display:grid;gap:18px}
.mobile-top{display:none;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.94)}
.page-head,.shell-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.page-head{margin-bottom:0}
.page-title{margin:0;font-size:34px;color:var(--text);text-shadow:0 0 10px rgba(0,255,0,.18)}
.page-subtitle{margin:8px 0 0;max-width:920px;line-height:1.65}
.shell-head{padding:18px 20px}
.shell-head-copy{align-items:flex-start}
.shell-head-copy{flex-direction:column;gap:6px}
.shell-kicker,.eyebrow{color:var(--cyan);font-size:11px}
.shell-lead{max-width:860px;line-height:1.7}
.head-actions,.filters,.toolbar,.card-actions,.achievement-row,.section-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cards-grid,.grid-2,.grid-3,.grid-4,.feature-grid,.board-grid{display:grid;gap:14px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4,.cards-grid,.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.panel,.quest-card,.modal-box,.metric-card,.login-card,.flow-card,.info-card,.stack-card,.filters-card{padding:18px}
.metric-card{min-height:148px}
.metric-top,.lead-top,.timeline-top,.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.metric-label{font-size:11px;color:var(--cyan)}
.metric-value{margin-top:10px;font-size:42px;font-weight:700}
.metric-icon{font-size:20px;color:var(--cyan)}
.section-title{margin:0;font-size:16px;color:var(--cyan)}
.quest-list,.mini-list,.timeline,.meta-list,.progress-stack,.email-history,.flow-list{display:grid;gap:10px}
.quest-item,.mini-item,.timeline-item,.meta-item,.source-item,.top-page-item,.flow-row,.email-row,.command-pill,.info-line{padding:12px;border:1px solid rgba(0,255,0,.12);background:rgba(0,255,0,.03);border-radius:14px}
.quest-item,.flow-row,.email-row{display:flex;justify-content:space-between;gap:12px;align-items:center}
.quest-copy strong,.lead-name{display:block;margin:0 0 4px;font-size:18px;color:var(--text)}
.status-chip,.table-status,.nav-badge,.mini-badge{
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 9px;border:1px solid currentColor;background:rgba(0,0,0,.35);font-size:11px;border-radius:999px;
}
.nav-badge,.mini-badge{color:var(--cyan)}
.status-paid,.status-complete,.status-monitoring,.status-active_subscriber{color:var(--success)}
.status-review,.status-review_pending,.status-payment_confirmed,.status-assessing{color:var(--warning)}
.status-pending,.status-pending_intake,.status-pending_contact,.status-pending_payment,.status-sent{color:var(--cyan)}
.status-danger{color:var(--danger)}
input,select,textarea{
  width:100%;padding:12px;background:#020502;color:var(--text);
  border:1px solid var(--line-strong);font:inherit;border-radius:14px;
}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 1px var(--cyan),0 0 14px rgba(0,255,255,.15)}
textarea{min-height:160px;resize:vertical}
.form-label{display:block;margin-bottom:8px;font-size:11px;color:var(--cyan)}
.notice{display:none;padding:12px;border:1px solid var(--line);background:rgba(0,255,0,.06);margin-bottom:0;border-radius:14px}
.notice.show{display:block}
.notice.error{border-color:rgba(255,77,109,.55);color:#ffb4c2}
.notice.success{border-color:rgba(0,255,153,.45);color:#a0ffd9}
.empty{padding:22px;text-align:center;border:1px dashed var(--line);border-radius:14px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:16px;z-index:70}
.modal.open{display:flex}.modal-box{width:min(1080px,100%);max-height:calc(100vh - 32px);overflow:auto}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%)}
.logout-inline{all:unset;color:var(--cyan);cursor:pointer}
.table-shell{overflow:auto}
.table-shell table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}
.table-shell th,.table-shell td{padding:16px 14px;text-align:left;border-bottom:1px solid rgba(0,255,0,.1);vertical-align:top}
.table-shell thead th{color:var(--cyan);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,255,255,.04);position:sticky;top:0}
.table-shell thead th:first-child{border-top-left-radius:14px}
.table-shell thead th:last-child{border-top-right-radius:14px}
.table-shell tbody tr:nth-child(even){background:rgba(0,255,0,.025)}
.table-shell tbody tr:hover{background:rgba(0,255,0,.07)}
.table-name{font-weight:700;color:var(--text)}
.table-sub{margin-top:4px;color:var(--text-soft);font-size:13px;line-height:1.5}
.table-actions{display:flex;gap:8px;flex-wrap:wrap}
.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:0}
.terminal-kpi{padding:16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(0,255,0,.03),rgba(0,0,0,.2));border-radius:16px;position:relative;overflow:hidden}
.terminal-kpi::after{content:"";position:absolute;inset:auto -30% -45% auto;width:160px;height:160px;background:radial-gradient(circle,rgba(0,255,255,.12),transparent 60%);pointer-events:none}
.terminal-kpi .metric-value{font-size:30px;margin-top:6px}
.matrix-readout{display:grid;gap:10px}
.readout-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(0,255,0,.1)}
.readout-row:last-child{border-bottom:0}
.radar{height:240px;position:relative;border:1px solid var(--line);background:radial-gradient(circle,rgba(0,255,0,.12),transparent 55%),#020502;overflow:hidden;border-radius:18px}
.radar::before,.radar::after{content:"";position:absolute;inset:12%}
.radar::before{border:1px solid rgba(0,255,0,.12);border-radius:50%;box-shadow:0 0 0 32px rgba(0,255,0,.04),0 0 0 64px rgba(0,255,0,.02)}
.radar::after{border-radius:50%;background:conic-gradient(from 0deg,transparent 0 76%,rgba(0,255,0,.24) 85%,transparent 94%);animation:spin 6s linear infinite}
.radar-dot{position:absolute;width:10px;height:10px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);border-radius:999px}
.radar-dot:nth-child(1){top:28%;left:60%}.radar-dot:nth-child(2){top:62%;left:38%;background:var(--magenta);box-shadow:0 0 10px var(--magenta)}.radar-dot:nth-child(3){top:44%;left:73%;background:var(--text);box-shadow:0 0 10px var(--text)}
.preview-box{white-space:pre-wrap;line-height:1.6;border:1px solid var(--line);padding:14px;background:rgba(0,255,0,.03);border-radius:14px}
.shell-toolbar,.filters-card,.composer-grid,.table-board,.timeline-board{display:grid;gap:14px}
.filters-card{grid-template-columns:1fr auto;align-items:end}
.filters-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.table-board,.timeline-board{padding:18px}
.card-head,.timeline-head{margin-bottom:14px}
.card-head p,.timeline-head p{margin:6px 0 0;line-height:1.6;color:var(--text-soft)}
.stack-card{display:grid;gap:14px}
.info-card{display:grid;gap:10px}
.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.command-pill{display:inline-flex;align-items:center;gap:8px;width:fit-content}
.login-brand{display:flex;gap:14px;align-items:center;margin-bottom:20px}
.login-brand img{width:54px;height:54px;border-radius:14px;border:1px solid var(--line-strong)}
.login-grid{display:grid;gap:14px}
.error{color:#ffb4c2;min-height:20px}
.status-box{display:none;padding:12px;border:1px solid var(--line);background:rgba(0,255,0,.05);border-radius:14px}
.status-box.show{display:block}
.status-box.warn{border-color:rgba(255,224,102,.35);color:#fff3a0}
.side-footer{margin-top:auto;display:grid;gap:10px}
.side-pills{display:flex;gap:8px;flex-wrap:wrap}
@keyframes scan{0%{transform:translateY(-8px)}100%{transform:translateY(8px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}100%{transform:translate(0)}}
@media (max-width:1100px){.grid-2,.grid-3,.composer-grid,.board-grid,.filters-card{grid-template-columns:1fr}}
@media (max-width:940px){.sidebar{transform:translateX(-100%);transition:transform .2s ease;z-index:50}.sidebar.open{transform:translateX(0)}.content{margin-left:0;padding:20px}.mobile-top{display:flex}.modal{align-items:flex-start}}
@media (max-width:700px){.page-title{font-size:26px}.cards-grid,.grid-4,.feature-grid{grid-template-columns:1fr}.table-shell table{min-width:680px}.shell-head{padding:16px}.terminal-kpi::after{display:none}}