.amm-wrapper {
    display: flex;
    background: #f8f8f8;
    border-radius: 16px;
    overflow: hidden;
}
.amm-left {
    width: 25%;
    padding: 25px;
    border-right: 1px solid #e5e5e5;
}
.amm-menu {
    padding: 12px;
    cursor: pointer;
}
.amm-menu.active {
    color: red;
    font-weight: 600;
}
.amm-right {
    width: 75%;
    padding: 25px;
}
.amm-content {
    display: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.amm-content.active {
    display: grid;
}
.amm-card {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    text-decoration: none;
    color: black;
}
@media (max-width: 1024px) {
    .amm-content { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .amm-wrapper { flex-direction: column; }
    .amm-left, .amm-right { width: 100%; }
    .amm-content { grid-template-columns: 1fr; }
}