.gradient-bg {
  background: linear-gradient(135deg, #059669 0%, #047857 50%, #065f46 100%);
}

:root {
  --sidebar-width: 16rem;
  --sidebar-width-collapsed: 4rem;
}

.sidebar-transition {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-expanded {
  width: var(--sidebar-width);
}

.sidebar-collapsed {
  width: var(--sidebar-width-collapsed);
}

.main-content-expanded {
  margin-left: var(--sidebar-width);
}

.main-content-collapsed {
  margin-left: var(--sidebar-width-collapsed);
}

.nav-text-hidden {
  opacity: 0;
  transform: translateX(-10px);
}

.nav-text-visible {
  opacity: 1;
  transform: translateX(0);
}

@media (max-width: 768px) {
  .sidebar-mobile-hidden {
    transform: translateX(-100%);
  }

  .main-content-mobile {
    margin-left: 0 !important;
  }
}

.bg-emerald {
  background-color: #10b981;
  color: white;
}

.btn-emerald {
  background-color: #10b981;
  color: white;
}

.btn-emerald:hover {
  background-color: #059669;
  color: white;
}

.badge-emerald {
  background-color: #d1fae5;
  color: #065f46;
}

.chatbot-toggle {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.chatbot-panel {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.chatbot-messages {
  max-height: 320px;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.chatbot-bubble {
  max-width: 85%;
  word-break: break-word;
}