:root{
  --bg: #0b0f14;
  --panel: #111826;
  --panel2:#0f172a;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --border:#243041;
  --accent:#60a5fa;
}

.app-bg{
  background: radial-gradient(1200px 600px at 20% -10%, rgba(96,165,250,.15), transparent 60%),
              radial-gradient(900px 500px at 100% 0%, rgba(34,197,94,.08), transparent 55%),
              var(--bg);
  color: var(--text);
}

.navbar{
  background: rgba(17,24,38,.8);
  backdrop-filter: blur(8px);
}

.card, .list-group-item, .form-control, .form-select, .modal-content {
  background: rgba(17,24,38,.9) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

.form-control::placeholder { color: rgba(156,163,175,.65); }
.text-muted { color: var(--muted) !important; }

a { color: #93c5fd; }
a:hover { color: #bfdbfe; }

.badge-soft{
  background: rgba(96,165,250,.12);
  border: 1px solid rgba(96,165,250,.25);
  color: #bfdbfe;
}

.board-grid{
  display:flex;
  gap: 14px;
  overflow-x:auto;
  padding-bottom: 8px;
}

.board-col{
  min-width: 320px;
  max-width: 360px;
}

.card-item{
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 10px 12px;
  background: rgba(15,23,42,.7);
}

.small-muted { font-size:.9rem; color: var(--muted); }