/* ============================================
   MANIESTA NOTES — DASHBOARD
   ============================================ */

.dashboard-header {
  position: relative;
  overflow: hidden;
  padding: 2rem;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(79,70,229,0.05), rgba(124,58,237,0.05));
  margin-bottom: 2rem;
}

.dashboard-header::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(79,70,229,0.15), transparent 70%);
  top: -100px;
  right: -50px;
  animation: orbFloat 8s ease-in-out infinite;
}

@keyframes orbFloat {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-30px, 20px); }
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

.stat {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 1.25rem;
  text-align: center;
  transition: all var(--transition-base);
}

.stat:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.stat span {
  display: block;
  color: var(--text-secondary);
  font-size: var(--text-sm);
}

.stat strong {
  font-size: var(--text-2xl);
  font-weight: 700;
}

.dashboard-section {
  margin-bottom: 2rem;
}

.dashboard-section h3 {
  font-size: var(--text-lg);
  font-weight: 600;
  margin-bottom: 1rem;
}