:root {
  --bg-gradient: linear-gradient(135deg, #f6f8fd 0%, #e9eef8 100%);
  --card-bg: rgba(255, 255, 255, 0.85);
  --accent-pink: #ff6b81;
  --accent-purple: #70a1ff;
}

* {
  box-sizing: border-box;
}

body {
  background: var(--bg-gradient);
  font-family: 'Plus Jakarta Sans', sans-serif;
  min-height: 100vh;
  color: #1e293b;
}

.glass-card {
  background: var(--card-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.05);
  border-radius: 16px;
}

/* Navigation Tabs */
.tab-btn.active {
  background: #ffffff;
  color: #2f3542;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  font-weight: 700;
}

/* Status Badges */
.badge {
  padding: 3px 8px;
  border-radius: 20px;
  font-size: 10px !important;
  font-weight: 600;
  display: inline-block;
  line-height: 1.2;
}

.badge-hot {
  background: #ffeaa7;
  color: #d63031;
}

.badge-ongoing {
  background: #eccc68;
  color: #2f3542;
}

.badge-completed {
  background: #7bed9f;
  color: #1e8449;
}

.badge-lead {
  background: #f1f2f6;
  color: #57606f;
}

/* Animations */
.animate-pop {
  animation: popIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes popIn {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Mobile Compact Styles */
.mini-date {
  font-size: 11px !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
}

.btn-mini-action {
  font-size: 10px !important;
  padding: 3px 8px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  line-height: 1 !important;
  cursor: pointer;
  border: none;
}

/* Clean up HTML details marker */
details summary::-webkit-details-marker {
  display: none;
}

details summary {
  list-style: none;
}