.dropdown {
     position: relative;
 }


 .dropdown-btn {
     background: none;
     border: none;
     color: #e2e8f0;
     cursor: pointer;
     font-size: 0.8rem;
     transition: transform 0.3s ease;
 }

 .dropdown-btn.active {
     transform: rotate(180deg);
 }

 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     background: white;
     min-width: 250px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-10px);
     transition: all 0.3s ease;
     z-index: 1001;
 }

 .dropdown-menu.active {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 .dropdown-menu li {
     margin: 0;
 }

 .dropdown-menu a {
     display: block;
     padding: 12px 20px;
     color: #333;
     text-decoration: none;
     transition: background-color 0.3s ease;
     border-bottom: 1px solid #f1f5f9;
 }

 .dropdown-menu a:hover {
     background-color: #f8fafc;
     color: #1e40af;
 }