@keyframes fadeInUp {
    from {
      transform: translateY(20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .animated-card {
    animation: fadeInUp 0.7s ease both;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .animated-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  }

  .icon-circle {
    width: 60px;
    height: 60px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }

#addDeptModal .modal-content {
		border-radius: 20px;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
		overflow: hidden;
	}

	#addDeptModal .modal-header {
		background: linear-gradient(135deg, #0d6efd, #6610f2);
		color: white;
	}

	#addDeptModal .modal-title {
		font-weight: 600;
	}

	#addDeptModal .form-control:focus {
		border-color: #6610f2;
		box-shadow: 0 0 0 0.2rem rgba(102, 16, 242, 0.25);
		transition: 0.3s ease;
	}

	#addDeptModal .btn-primary {
		background-color: #6610f2;
		border-color: #6610f2;
		transition: all 0.3s ease;
	}

	#addDeptModal .btn-primary:hover {
		background-color: #520dc2;
		border-color: #520dc2;
	}