:root { color-scheme: dark; }

.glow{ position:absolute; border-radius:9999px; filter: blur(64px); opacity:.85; }
.glow-blue{ width:520px; height:520px; top:-96px; left:50%; transform:translateX(-50%); background: rgba(12,83,148,.22); }
.glow-red{ width:420px; height:420px; top:240px; left:-96px; background: rgba(153,0,1,.18); }
.glow-brown{ width:480px; height:480px; bottom:-96px; right:-96px; background: rgba(91,15,0,.18); }

.card{
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 18px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.04);
}

.btn{
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.82);
  padding: 10px 12px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 14px;
  transition: all .15s ease;
}
.btn:hover{ background: rgba(255,255,255,.10); color: white; }

.btn-primary{
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.12);
  color: white;
  padding: 10px 12px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 14px;
  transition: all .15s ease;
}
.btn-primary:hover{ background: rgba(255,255,255,.18); }

.btn-danger{
  border:1px solid rgba(244,63,94,.35);
  background: rgba(244,63,94,.10);
  color: rgba(254,205,211,.95);
  padding: 10px 12px;
  border-radius: 14px;
  font-weight: 900;
  font-size: 14px;
  transition: all .15s ease;
}
.btn-danger:hover{ background: rgba(244,63,94,.18); color: white; }

.pill{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.78);
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
}

.input{
  width:100%;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.30);
  color: white;
  padding: 10px 12px;
  border-radius: 14px;
  outline: none;
}
.input:focus{ box-shadow: 0 0 0 2px rgba(255,255,255,.10); }

.label{ font-size: 12px; color: rgba(255,255,255,.60); margin-bottom: 6px; }

.tag{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 44px;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
}

.tag-S{ border-color: rgba(96,165,250,.30); background: rgba(96,165,250,.10); color: rgb(191,219,254); }
.tag-SOC{ border-color: rgba(52,211,153,.30); background: rgba(52,211,153,.10); color: rgb(167,243,208); }
.tag-PT{ border-color: rgba(244,63,94,.30); background: rgba(244,63,94,.10); color: rgb(254,205,211); }
.tag-TEAM{ border-color: rgba(167,139,250,.30); background: rgba(167,139,250,.10); color: rgb(221,214,254); }
.tag-COMMS{ border-color: rgba(251,191,36,.30); background: rgba(251,191,36,.10); color: rgb(254,243,199); }
.tag-EN{ border-color: rgba(34,211,238,.30); background: rgba(34,211,238,.10); color: rgb(207,250,254); }

.dropzone{
  border: 1px dashed rgba(255,255,255,.18);
  background: rgba(255,255,255,.03);
  border-radius: 18px;
  padding: 18px;
  transition: all .15s ease;
}
.dropzone.dragover{
  border-color: rgba(96,165,250,.45);
  background: rgba(96,165,250,.08);
}

.no-scrollbar::-webkit-scrollbar{display:none}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}

/* Print-friendly report */
@media print {
  body { background: white !important; color: black !important; }
  .no-print { display:none !important; }
  .card { box-shadow: none !important; border: 1px solid #ddd !important; background: white !important; }
}